Vaadin表行内联编辑
Vaadin表行内联编辑
提问于 2013-04-22 16:07:31
我在vaadin中创建了一个表，表中的每一行都有一个编辑按钮。
table.setEditable(true) 但这使得整个表都是可编辑的。当我点击编辑按钮时，我只希望选中的行是可编辑的，如果可能的话，一些单元格是自定义的，例如复选框，下拉框等。有什么建议吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-10-31 20:34:13
下面是一个非常简单的例子：
final Table table = new Table();
table.setEditable(true);
table.setTableFieldFactory(new TableFieldFactory() {
private static final long serialVersionUID = 1L;
@Override
public Field<?> createField(Container container, Object itemId, Object propertyId, Component uiContext) {
if (itemId == table.getData()) {
return DefaultFieldFactory.get().createField(container, itemId, propertyId, uiContext);
}
return null;
}
});
table.addGeneratedColumn("", new ColumnGenerator() {
private static final long serialVersionUID = 1L;
@Override
public Object generateCell(Table source, final Object itemId, Object columnId) {
Button button = new Button(itemId == table.getData() ? "Save" : "Edit");
button.addClickListener(new ClickListener() {
private static final long serialVersionUID = 1L;
@Override
public void buttonClick(ClickEvent event) {
if (table.getData() == null) {
// edit
table.setData(itemId);
table.refreshRowCache();
} else if (itemId == table.getData()) {
// save
table.setData(null);
// ...
table.refreshRowCache();
}
}
});
return button;
}
});
// ...Stack Overflow用户
发布于 2013-04-29 21:36:04
这是vaadin的默认行为。为了改变默认行为，你可以扩展/重写组件。
Vaadin提供了一些基本的东西，但针对特定的东西：
1-搜索vaadin插件目录：https://vaadin.com/en_GB/directory
2-如果没有结果，恐怕我们必须编写/更改组件代码。
Stack Overflow用户
发布于 2016-02-10 16:48:08
与您的问题类似:我有一个包含两列的表，但只有一个编辑按钮。当选择一行并单击编辑按钮时，选定的行将变为可编辑。下面是我的代码，让表成为可编辑的和，如何将更改后的值传递到表中并更新编辑后的行：
private List<Field> fields = new ArrayList<>();
private final class EditTableClickListener implements ClickListener {
@Override
public void buttonClick(ClickEvent event) {
if (mappingTable.getSelection() != null) {
// change table menu when in Edit-Mode
editTableBar();
makeRowEditable();
}
}
private void makeRowEditable() {
mappingTable.setTableFieldFactory(new TableFieldFactory() {
@SuppressWarnings("rawtypes")
@Override
public Field<?> createField(Container container, Object itemId, Object propertyId, Component uiContext) {
if(itemId.equals(mappingTable.getSelection())) {
Field field = DefaultFieldFactory.get().createField(container, itemId, propertyId, uiContext);
field.setBuffered(true);
field.addAttachListener(new AttachListener() {
private static final long serialVersionUID = 1L;
@Override
public void attach(AttachEvent event) {
fields.add((Field)event.getConnector());
}
});
field.addDetachListener(new DetachListener() {
private static final long serialVersionUID = 1L;
@Override
public void detach(DetachEvent event) {
fields.remove((Field)event.getConnector());
}
});
return field;
}
return null;
}
});
mappingTable.setEditable(true);
}
}
// save when ENTER key is clicked in one of the TextFields
private final class SaveEditedRowShortcutListener extends ShortcutListener {
private SaveEditedRowShortcutListener(String caption, int keyCode, int[] modifierKeys) {
super(caption, KeyCode.ENTER, null);
}
@Override
public void handleAction(Object sender, Object target) {
for(Field field : fields) {
field.commit();
}
String key = fields.get(0).getValue().toString();
String value = fields.get(1).getValue().toString();
Object selection = mappingTable.getSelection();
selection.setKey(key);
selection.setValue(value);
mappingTable.setEditable(false);
mappingTable.updateItem(selection);
// change table menu back to Default-Mode
initialTableBar();
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16142212
复制相关文章
相似问题
腾讯云开发者
