gpt4 book ai didi

javascript - Mootools:HtmlTable 真正多选

转载 作者:行者123 更新时间:2023-11-28 02:14:43 25 4
gpt4 key购买 nike

我有一个解析为 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 -键您还可以在订单中选择多行。但是,当单击另一行时,如何才能不取消选择所选行呢?这样我就可以选择例如两行没有连接?

我还发现,可以通过单击来选择一行,但不能取消选择。我可以更改第一次单击选择一行而第二次单击取消选择行的行为吗?

最佳答案

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

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

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

关于javascript - Mootools:HtmlTable 真正多选,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16558627/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com