dart - （Dartlang）如何检测列表视图中的选定项目

Question

rikulo.org在http://rikulo.org/resource/js/examples/index-list.html上有很好的列表视图示例

在此示例中，如何检测列表中的选定项目？
例如，如果我单击或触摸“第 5行”，我如何知道“第 5 行”被选中？

Answer 1

1. 您可以通过以下方式监听每个列表项的 onClick 事件

   item.on.click.add((ViewEvent event) { // 做任何你想做的事，处理选择，添加/删除 CSS 类等 });

2. 或者在列表项中添加一个复选框，并监听其 onCheck 事件。

请注意，Rikulo 现在正在快速开发中，并将增加更多建设。将有一个模型驱动的列表视图来处理选择。

Answer 2

这个对我有用：

document.onClick.listen((MouseEvent e){
   TableRowElement row = e.toElement;
   print(row.text);
 });

您可以将文档更改为：query("#table"), queryAll("tr"),ect