如何在 Vaadin 网格中仅使某些列可编辑？

Question

Vaadin Grid 允许定义为可编辑

grid.setEditorEnabled(true);

这使得所有可见的列都可以编辑。但是我不希望用户编辑特定的列，但似乎可编辑是全有或全无。

我发现的下一个最佳解决方案是定义一个带有禁用编辑器的编辑器字段，这几乎可以解决问题，但用户仍然能够 select 文本并移动光标（但字段不再可编辑）。

Grid.Column nameColumn = grid.getColumn("fullName");
nameColumn.setHeaderCaption("Full Name");
nameColumn.setEditorField(getNoEditableTextField());

...

private Field<?> getNoEditableTextField() {
    TextField noEditableTextFiled = new TextField();
    noEditableTextFiled.setEnabled(false);
    return noEditableTextFiled;
}

我认为不能使用标签，因为它不是字段。

是否有更好的选择来实现这一点？

编辑：正如 aakath 所说，有一种方法可以实现此目的，但不能编辑列，但这样做时，单元格值会在您编辑行时消失，这是不可取的。

Answer 1

您是否尝试在列上调用 setEditable(false) 方法？我相信当项目编辑器处于活动状态时，它应该使该字段不可编辑。

grid.getColumn("fullName").setEditable(false);

Answer 2

有一种棘手的方法可以做到！我刚刚发现它。所以，首先你需要使用带有容器的网格，而不是直接添加行：

BeanItemContainer<MyBean> container = new BeanItemContainer<>(MyBean.class);
setContainerDataSource(container);

然后从 MyBean 中删除字段设置器，除了您必须编辑的字段设置器。

Answer 3

我的解决方案如下。我刚刚完成。它没有经过太多测试。但它可能会给你一些想法。

ati

  getColumn(columnName).setEditable(true).setEditorField(getNoEditableField(columnName));

...

private Field<?> getNoEditableField(final String columnName) {
    CustomField<Label> result = new CustomField() {
        @Override
        protected Component getContent() {
            Label result = (Label) super.getContent();
            Object editedItemId = getEditedItemId();
            String value = DEFAULT_VALUE;
            if (editedItemId != null) {
                value = CustomizableGrid.this.toString(getContainerDataSource().getItem(editedItemId).getItemProperty(columnName).getValue());
            }
            result.setValue(value);
            return result;
        }

        @Override
        protected Component initContent() {
            Label result = new Label(DEFAULT_VALUE, ContentMode.HTML);
            result.setDescription(getColumnDescription(columnName));
            result.setStyleName("immutablegridcellstyle");
            return result;
        }

        @Override
        public Class getType() {
            return Label.class;
        }
    };
    result.setConverter(new Converter<Label, Object>() {
    //converter for your data
    });

    return result;
}

Answer 4

我使用以下方法获取只读字段，技巧是覆盖 setEnabled 方法以获取禁用的文本字段。如果您在 Vaadin Grid 中跟踪源代码，无论您向 Grid 传递什么字段，它总是会调用 field.setEnabled(true).

myGrid.getColumn(propertyId).setEditorField(new ReadOnlyField());

和

public class ReadOnlyField extends TextField
{
    public ReadOnlyField()
    {
        super();
        this.setReadOnly(true);
    }

    @Override
    public void setEnabled(boolean enabled)
    {
        // always set to disabled state
        super.setEnabled(false);
    }
}

Answer 5

我认为可以通过 grid.setEditorEnabled(true); 将网格设为可编辑网格并禁用 grid.getColumn(columnName).setEditable(false); 等其他列的编辑选项来实现同样的效果。但我不确定这种方法有什么缺点。我们将不胜感激任何建议。

Answer 6

我遇到了同样的问题，不想点击 id 列打开编辑器。我通过添加 ItemClickListener 解决了这个问题，如下所示。它对我来说很好用。

grid.addItemClickListener((ItemClickListener<GridBean>) event -> grid.getEditor().setEnabled(!event.getColumn().getCaption().equals("Id")));

也可以通过单击特定列网格不再可编辑。

Answer 7

很简单，只需转到 Vaadin 文档，下面是它所做的：你可以看到这里我指定了一个column Name

grid = new Grid<>();
    lst = new ArrayList<>();
    provider = new ListDataProvider<>(lst);
    lst.add(new Company(1, "Java"));
    grid.setDataProvider(provider);
    grid.addColumn(Company::getSerialNo).setCaption("Sr.no");
    TextField tf = new TextField();

    grid.getEditor().setEnabled(true);

    HorizontalLayout hlyt = new HorizontalLayout();
    grid.addColumn(Company::getName).setEditorComponent(tf, Company::setName).setCaption("Name").setExpandRatio(2);

    hlyt.addComponent(grid);

如何在 Vaadin 网格中仅使某些列可编辑？

How to make only some columns editable in a Vaadin Grid?

java

vaadin

vaadin7

vaadin-grid