2013-05-15 6 views
1

У меня есть таблица, обработанная классом Mootools HtmlTable. с помощью:Mootools: HtmlTable действительно multiselect

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

Я удивлен себя, я нашел простое и простое решение, просто добавив эти строки кода ниже инициализации таблицы:

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

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