Vaadin中

Question

如何在TwinColSelect组件选择列表（右侧）上附加选择侦听器？ ValueChange事件提供所有选定的项目，但我想在单个项目级别附加监听器，以便根据选择显示更多数据。

例如：假设我有国家/地区值。它将显示在twinColSelect组件的左侧，我可以将它们添加到选定列表中。添加之后，我想在一些其他组件中显示那些国家/地区的状态。填充列表我需要知道哪个国家/地区用户从所选列表中点击了。

如何实现这一目标？如何在选定的部分（右侧组件）上获取selectItemListener

以下是一些代码：从vaadin演示站点中提取PS代码：

sample = new TwinColSelect();
for (int i = 0; i < 6; i++) {
sample.addItem(i);
sample.setItemCaption(i, "Option " + i);
}
sample.setRows(6);
sample.setNullSelectionAllowed(true);
sample.setMultiSelect(true);
sample.setImmediate(true);
sample.setLeftColumnCaption("Available options");
sample.setRightColumnCaption("Selected options");
...

sample.addValueChangeListener(e -> Notification.show("Value changed:",
String.valueOf(e.getProperty().getValue()),
Type.TRAY_NOTIFICATION));

以下是快照：

如果看到快照，则所选选项中有三个项目。听众sample.addValueChangeListener(e -> Notification.show("Value changed:", String.valueOf(e.getProperty().getValue()), Type.TRAY_NOTIFICATION));

返回所有选定选项的集合，但无法将事件添加到所选选项（右侧）区域。

当用户点击这些选定的选项时，我想显示另一个列表。例如，如果用户点击快照中显示的选项3，我想显示选项3的相关数据。对于选项0和选项2是明智的。