Mootools:HtmlTable真的是多选

时间:2013-05-15 06:54:39

标签: javascript mootools html-table mootools-more

我有一个解析为Mootools HtmlTable类的表。使用:

var table = new HtmlTable($('htmlTableElement'), {
 sortable: true,
 parsers: ['string','number','numberLax','floatLax'],
 selectable: true,
 allowMultiSelect: true,
 shiftForMultiSelect: false,
 classRowSelected: 'selectedRow'
});
table.sort(1);

http://jsfiddle.net/LMQ75/

我想要做的是,通过点击选择不同的行。它对于一行非常好,并且还使用 Shift -key,您还可以在一个订单中选择多行。但是,当点击另一行时,怎么可能不取消选择所选行?所以我可以选择例如两行没有连接?

我还想通过点击它可以选择一行,但不能取消选择。我可以更改首次单击选择行的行为,然后单击第二次取消选择行吗?

1 个答案:

答案 0 :(得分:1)

我对自己感到惊讶,我找到了一个简单易用的解决方案,只需在表初始化下添加以下代码行:

$('htmlTableElement').getElements('tbody tr').addEvent('click',function(e){
 e.stopPropagation();
 table.toggleRow(this);
});

http://jsfiddle.net/LMQ75/2/