Sélectionner manuellement un élément d'un "selectable"

Replies to This Discussion

Permalink Reply by Joris Mulliez on October 7, 2010 at 1:54am

Bonjour,

Est-ce qu'un évènement lancé dans le code ne conviendrais pas?
Du genre:

$('#button').click(function(){

$('#selectable li#number3').click();
});

?

Permalink Reply by fredleput on October 7, 2010 at 1:56am

Salut,

Voici la doc de selectable : http://jqueryui.com/demos/selectable/

Dans l'onglet methode tu en as une qui s'appelle "enable"

avec un code du genre ça devrait fonctionner
$('.monBouton').click(function() {
$('.matable td.maLigne').selectable('enable');
});

Permalink Reply by Vanitom on October 7, 2010 at 2:08am

@ fredleput
Apparemment la méthode "enable" active le comportement "selectable" de mon tableau et non un élément de cette table.
J'obtiens cette eurreur dans Firefox : "uncaught exception: cannot call methods on selectable prior to initialization; attempted to call method 'enable'"

@ Joris Mulliez 3
Malheureusement en simulant le clic rien ne se passe.

Permalink Reply by fredleput on October 7, 2010 at 2:32am

Re...

Voici un petit exemple qui fonctionne. Rien de dynamique bien sur tout est en dur. Mais en gros il suffit d'ajouter la classe "ui-selected" sur l'item que tu veux sélectionner lors du clic sur ton bouton. A toi de voir comment rendre ça dynamique.

Attachments:

• selectable-example.zip, 109 KB

Permalink Reply by Arnauld Dombret on October 7, 2010 at 2:55am

Salut,

Moi je rejoins Joris, pas besoin d'un plugin pour ça, on peut jouer avec les classes css ...

$('table tr').live('click', function(){
$(this).addClass('selected');
});

Permalink Reply by Vanitom on October 7, 2010 at 2:58am

En fait en regardant dans code on voit bien que le script modifie également des données en plus de mettre à jour la classe.
La classe permet de mettre en évidence la sélection mais ne mette pas à jour les données.

Permalink Reply by Joris Mulliez on October 7, 2010 at 3:05am

Vanitom said:

En fait en regardant dans code on voit bien que le script modifie également des données en plus de mettre à jour la classe.
La classe permet de mettre en évidence la sélection mais ne mette pas à jour les données.

Et bien justement, je n'ai pas l'impression qu'elle modifie autres chose que l'apparence via les classes...
regarde les sources de ceci: http://jqueryui.com/demos/selectable/#serialize

Pour récupérer les éléments sélectionnés, il parcours les éléments dont la classe correspond...

Permalink Reply by Vanitom on October 7, 2010 at 3:08am

Effectivement il ne cherche qu'avec la classe "ui-selected". Donc bon on ne va faire trop compliquer surtout que je n'arrive pas récupérer les données des lignes avec "jQuery.data".

Donc faisons simple.
Merci

Permalink Reply by fredleput on October 7, 2010 at 3:09am

J'suis d'accord avec ça. On ajoute la classe "ui-selected" et quand on veut récupérer la liste des éléments sélectionnés
on fait un truc du genre $('.ui-selected').each(...)