2013-05-15 1 views
1

J'ai une table analysée à la classe Mootools HtmlTable. en utilisant:Mootools: HtmlTable vraiment 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/

Ce que je veux faire est, pour sélectionner des lignes différentes en cliquant dessus. Il fonctionne très bien pour une ligne et en utilisant le Shift -key vous pouvez également sélectionner plus d'une ligne dans un ordre. Mais comment est-il possible de ne pas désélectionner les lignes sélectionnées en cliquant sur une autre ligne? Pour que je puisse sélectionner par ex. deux lignes qui ne sont pas connectées? J'ai également compris, qu'une ligne peut être sélectionnée en cliquant dessus, mais pas désélectionné. Puis-je modifier ce comportement lorsque le premier clic sélectionne une ligne et que le second clic désélectionne une ligne?

Répondre

1

Je suis surpris moi-même, j'ai trouvé une solution simple et facile, il suffit d'ajouter ces lignes de code ci-dessous l'initialisation du tableau:

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

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