Question

我使用Vaadin 8定义了这样的网格：

    ListDataProvider<Value> gridDataProvider =
        new ListDataProvider<>(new ArrayList<>());
        GridSelectionModel<Value> selectionModel;
        Grid<Value> grid = new Grid<>(Value.class);
        TextField editorField = new TextField();
        editorField.setSizeFull();
        Binder<Value> binder = new Binder<>();
        binder.bind(editorField, Value::getValue, Value::setValue);
        Editor<Value> gridEditor = grid.getEditor();
        gridEditor.setBinder(binder);
        gridEditor.addSaveListener((EditorSaveListener<Value>) event -> {

            gridDataProvider.refreshAll();
        });
        gridEditor.setEnabled(true);
        grid.addColumn(Value::getValue).setEditorComponent(editorField, Value::setValue);
        grid.removeHeaderRow(0);
        selectionModel = grid.setSelectionMode(Grid.SelectionMode.MULTI);
        grid.setDataProvider(gridDataProvider);
        grid.setSizeFull();

Value bean只是一个普通的bean

    private class Value {
       private String value;

        Value(String value) {
           this.value = value;
       }

        String getValue() {
           return value;
       }

        void setValue(String value) {
           this.value = value;
       }

       @Override public boolean equals(Object o) {
           if (this == o)
               return true;
           if (o == null || getClass() != o.getClass())
               return false;
           Value value1 = (Value) o;
           return Objects.equals(value, value1.value);
       }

我想要做的是添加按钮，这样点击该按钮就可以将新行添加到网格中，新行中的唯一列应该设置为编辑模式，以便用户可以直接写入新值。有可能这样做吗？

Answer 1

使用当前的Vaadin 8 API无法以编程方式打开编辑器。添加此功能有两个问题：

https://github.com/vaadin/framework/issues/8477
https://github.com/vaadin/framework/issues/8820

最好不要在equals方法中使用Value.value，因为这会导致某些Grid功能出现问题，例如grid.select（T item）。

这段代码将允许用户使用箭头并输入键来编辑最新项目。

private void onButtonClick(Button.ClickEvent clickEvent) {
    Value newValue = new Value("New value");
    list.add(newValue);
    grid.getDataProvider().refreshAll();
    grid.focus();
}

隐藏编辑器后，网格不会自动获得焦点。你需要帮助Vaadin：

gridEditor.addSaveListener((EditorSaveListener<Value>) event -> {
    gridDataProvider.refreshAll();
    grid.focus();
});

有没有办法在编辑模式下使用Vaadin 8网格在网格中设置单元格

1 个答案: