防止在編輯和非編輯模式之間切換時GWT EditTextCell翻轉

我注意到當單擊到我的EditTextCell中時，我的Web應用程序在單元格寬度中跳轉。防止在編輯和非編輯模式之間切換時GWT EditTextCell翻轉

正如我在http://gwt.google.com/samples/Showcase/Showcase.html#!CwCellTable 上看到的，可以防止這種情況發生。另外我見過EditTextCell被分類的解決方案，這不是我最喜歡的。但我不太明白爲什麼Google示例不會跳到我的身邊。

他們使用CSS來防止這種情況發生嗎？

下面是我的一些代碼：

cellTable = new CellTable<MyTO>(); 
Column<MyTO, String> editableColumn = new Column<MyTO, String>(new EditTextCell()) { 
@Override 
public String getValue(MyTO my) { 
    return my.getString(); 
} 
}; 
editableColumn.setFieldUpdater(new FieldUpdater<MyTO, String>() { 

@Override 
public void update(int index, MyTO object,String value) { 
object.setString(value); 
dirty = true; 
} 
}); 

cellTable.addColumn(editableColumn, "Editable Column");

至於我已經通過谷歌看到樣品，沒有setWidth（） - 方法被稱爲 - 但我could'nt找到任何通知，說明自定義CSS風格應用...

任何提示？或者，也許其中一個谷歌人也掃描了這一點，可以幫助嗎？

問候，克里斯

來源

2011-08-24 Chris

你正確的地方，谷歌設置的絕對寬度的colums。參見例如

cellTable.setColumnWidth(checkColumn, 40, Unit.PX);

在「示例」文件中。這可以防止列跳出，因爲它始終具有修訂大小。如果你仔細觀察處於編輯模式的單元格時，你會注意到，文本字段略過了一點（至少在IE中）。

來源

2011-08-24 13:09:48 Stefan

好吧，你在哪裏吧！愚蠢的沒有看到。我已將表格設置爲100％和絕對佈局的寬度，並將PX大小賦予列。現在看起來更好，但是當我調整窗口大小時，editTextCells的底層文本框大於列並被截斷。這也是在谷歌的例子:( – Chris

嗯，最後我會留在解決方案重新實現TextEditCell作爲Stas Kurilin張貼在http://stackoverflow.com/questions/6274124/edittextcell-fieldupdater-width/ 6550348＃6550348 – Chris

謝謝，它看起來很穩固，也許我以後也需要它:) – Stefan

防止在編輯和非編輯模式之間切換時GWT EditTextCell翻轉

回答

相關問題