如何在gridview上获取onClick以在3个文本字段中显示信息

Question

我试图实现的是当用户点击gridview时它会显示那天有3列信息，以便在它下面的文本字段中显示该信息。

我不确定如何获取它所以我可以点击任何行并将这些信息显示在文本字段中。我也使用vaadin并使用eclipse。

Answer 1

编辑网格内的数据

正如您在Book of Vaadin - Grid中所读到的那样，可以在网格中实现网格编辑数据

  

Grid支持基于行的编辑，双击一行可打开行编辑器。在编辑器中，可以编辑输入字段，也可以使用Tab和Shift + Tab键进行导航。编辑器有一个Save按钮，用于将数据项提交到容器数据源并关闭编辑器。如果验证失败，则会显示错误，用户可以更正输入。 “取消”按钮会放弃更改并退出编辑器。   要启用编辑，您需要为网格调用setEditorEnabled（true）。

grid.setEditorEnabled(true);

正如上述帖子中进一步解释的那样，您还可以自定义编辑器字段以及保存和取消按钮。

编辑网格外的数据

如果要在某些外部组件（如文本框）中显示所选行的数据，则应将ItemClickListener添加到网格中。从ItemClickEvent收到，您可以获得行和列的各种信息。您可以轻松地使用它们来读取行数据并将其显示在其他位置以进行编辑。但是，我建议在网格编辑器内部编辑数据，因为它更简单，更方便用户并且已经实现。没有必要重新发明轮子。

   grid.addItemClickListener(new ItemClickEvent.ItemClickListener() {
        @Override
        public void itemClick(ItemClickEvent event) {
            Item clickedItem = event.getItem();
            //Your logic here
        }
    });