使用SelectionMode.Multi，向Vaadin网格添加/创建行的click事件？

Question

我试图创建一个小型应用程序，在该应用程序中，Vaadin网格中存储了各种文件位置，网格目前只显示两列--ID和file name，我希望在单击一行时也看到文件位置作为通知。

意思是，每次单击网格中的一行时，我都希望它使用notification.show()显示位置，如下所示：

由于我的网格选择模型是multi，默认情况下，单击监听器不能注册它点击了哪一行，并且通过复选框选择行不是我希望显示的数据。简单地说，我希望为我单击的每一行获取项目，并将位置显示为通知。

到目前为止，我找到了一个类似问题的解决方案，但它处理的是Vaadin网格中的列和行，与我习惯的不同。

public static <T> void addColumnClickListener(Grid<T> grid, Consumer<Column<T>> listener)
    {
        String expression = "function(){const col=element.getEventContext(event).column;return col ? col.id : '';}()";
        grid.getElement().addEventListener("click", e -> 
        {
            String colId = e.getEventData().getString(expression);
            Optional<Column<T>> column = grid.getColumns().stream().filter(col -> colId.equals(col.getId().get())).findFirst();
            column.ifPresent(listener);
        }
        ).addEventData(expression);
    }

我将这样调用函数：

addColumnClickListener(grid, column -> Notification.show("fubar"));

这个代码片段来自Vaadin论坛，我不太明白。字符串表达式似乎包含可能的JavaScript代码，其余部分覆盖列的类型。（我想，我真的不完全理解这个片段）

Answer 1

您可以使用网格上的ItemClickListener来实现这一点：

grid.addItemClickListener(item -> {
    Notification.show(String.format("File location: %s", item.getLocation()));
});