在编辑模式和非编辑模式之间切换时,防止GET编辑文本单元格翻转

时间:2011-08-24 12:39:02

标签: java css gwt gwt-2.2-celltable

当我点击我的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");

就我在Google Sample中看到的那样,没有调用setWidth() - Method - 但我无法发现任何自定义CSS样式的注意事项......

任何提示?或者也许其中一个谷歌人也会扫描这个并且可以提供帮助吗?

问候, 克里斯

1 个答案:

答案 0 :(得分:2)

你在哪里,谷歌设置绝对宽度为colums。 参见例如

cellTable.setColumnWidth(checkColumn, 40, Unit.PX);
<示例>文件中的

。这可以防止列跳跃,因为它始终具有固定大小。如果你在编辑模式下仔细观察单元格,你会注意到文本字段过了一点(至少在IE中)。