Rafraichissement avec Jquery

Version imprimable

29/11/2013, 16h49
pierricktpt

Rafraichissement avec Jquery
Bonjour à tous,

Je vais essayer d'expliquer mon problème même si c'est pas très facile sans rentrer dans le détail du code.
J'utilise le jquery-ui-multiselect-widget pour pouvoir customiser les differentes liste de choix de mon formulaire.
Les listes de choix déroulantes de ma page possède la class "menu" et dans le head de ma page j'ai un truc du genre:
Code:

1 2 3 4 5 <script> $(function() { $(".menu").multiselect(); }); </script>
Le widget fonctionne parfaitement pour les listes présentes lors du chargement de ma page.
Cependant, de manière dynamique et sans recharger ma page (utilisation d'un objet XHR), de nouvelles listes déroulantes apparaissent en fonction du résultat des précédentes...
Et ces nouvelles listes bien qu'ayant la class "menu" n'apparaissent pas avec la mise en forme voulue par mon widget mais simplement en pur html (tout pas beau!!!:cry:)

Je pense que le problème vient du fait que l'objet (la liste déroulante) n'existe pas au chargement initial de ma page et du coup la fonction jquery ne s'applique pas...

Je ne sais pas si j'ai été très clair mais n'hésitez pas à me demander si besoin.
Et merci d'avance pour votre aide!!!
29/11/2013, 20h11
danielhagnoul

Bonsoir

Citation:

Envoyé par pierricktpt

Je pense que le problème vient du fait que l'objet (la liste déroulante) n'existe pas au chargement initial de ma page et du coup la fonction jquery ne s'applique pas...

Oui !

Vous ne donnez pas le lien vers le widget, s'il s'agit de http://www.erichynds.com/blog/jquery...iselect-widget, il y a une option "refresh", voir la démo : http://www.erichynds.com/examples/jq...demos/#refresh
03/12/2013, 17h13
pierricktpt

Merci c'est bien ça!!!
Et cela fonctionne!
Et sauriez-vous par hasard comment empêcher les utilisateurs de fermer le widget sans avoir selectionné au moins une case?

Bonsoir

Il y a une méthode "beforeclose" : http://www.erichynds.com/examples/jq...mos/#callbacks

Code:

1
2
3
4
5
6
7
"beforeclose" : function(){
    if ( une codition est vraie ){
         return true; // autorise la fermeture
    }
 
    return false; // empêche la fermeture par défaut
}

03/12/2013, 22h55
pierricktpt
Merci encore pour ton aide.
j'avais bien repéré la méthode.
J'ai réussi en faisant ça:
Code:

1 2 3 4 5 beforeclose : function() {if($('select[name=toto] option:selected').size() == 0) {} else {}; }
Maintenant j'ai une autre question bête.
L'objet checkedItems ( array of the checkboxes (DOM elements) that were checked) est créé. Je souhaite générer une chaine de caractère avec les valeurs de chaque valeur de case cochée séparée par une virgule
Exemple: "option1, option2, option3"
qq'un peut m'aider?