1

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/

私がやりたいことは、それらをクリックして別の行を選択することです。1行でかなりうまく機能し、 - キーを使用してShift、順序で複数の行を選択することもできます。しかし、別の行をクリックしたときに、選択した行を選択解除しないようにするにはどうすればよいでしょうか? たとえば、接続されていない2つの行を選択できるようにするには?

また、行をクリックして選択することはできますが、選択を解除することはできないこともわかりました。最初のクリックで行が選択され、2 回目のクリックで行の選択が解除されるこの動作を変更できますか?

4

1 に答える 1

1

テーブルの初期化の下に次のコード行を追加するだけで、シンプルで簡単な解決策を見つけました。

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

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

于 2013-05-15T08:37:04.057 に答える