防止GWT EditTextCell在编辑和非编辑模式切换时翻转

Question

我注意到当我点击我的EditTextCell时，我的web应用程序在单元格宽度上跳跃。

正如我在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()方法被调用-但我找不到任何通知，自定义CSS样式被应用…

提示吗?或者谷歌的人也能扫描一下，帮帮忙?

问候,克里斯。

Answer 1

你是对的，Google为列设置了一个绝对宽度。看到如。

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

在"Example"文件中。这可以防止列跳转，因为它始终具有固定的大小。如果你在编辑模式下仔细观察单元格，你会注意到，文本字段跟随在一点以上(至少在IE中)。