Raffraichir un Select

Bonjour à tous,
Mon probleme est le suivant :

J'ai 2 widgets de type dijit.form.Select, que je rempli avec exactement la même liste (une liste créée dans une action JAVA, car j'utilise également Struts 2).
Je voudrais faire en sorte que dès que je sélectionne une option dans ma 1ere liste par exemple, cette option soit désactivée dans ma 2nde liste (pour éviter de choisir 2 fois la même). J'ai réussi cette étape sans trop de difficulté, mais le problème que je rencontre et que des que j'ai ouvert ma 2eme liste ne serais ce qu'une fois, elle ne se mettra plus jamais a jour.
Même si je sélectionne un autre choix dans ma 1ere liste, l'option qui sera grisée dans ma 2nde liste restera la dernière que j'ai choisi AVANT d'ouvrir pour la 1ere fois ma 2nde liste (j'espère que c'est a peu près clair 8O :? ). J'en ai conclu qu'une fois la liste ouverte, elle ne se mettra plus à jour (du moins coté affichage)

J'ai testé de faire un "jdijit.byId("maliste").reset()" avant d'effectuer mes modifs, mais ca n'a pas l'air de fonctionner.

Ma fonction simplifiée :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

function removeSelectedOption(){ var liste1 = dijit.byId("codeModif1"); var liste2 = dijit.byId("codeModif2"); var liste1OptionChoisieValue = liste1.get("value");   if(liste1OptionChoisieValue != null){ liste2.reset(); for(var i = 0; i < tailleDeMaListe; i++){   liste2.getOptions(i).disabled = false; // Par défaut j'active toutes mes options   // Si la valeur en cours de ma liste 2 = valeur sélectionnée dans liste 1 , je désactive la ligne if(liste2.getOptions(i).value == liste1OptionChoisieValue){ liste2.getOptions(i).disabled = true; } } } } je t'ai mis des noms de var un peu plus parlant ^^ Envoyé jeudi à 17:44

---

Si quelqu'un a une idée, je prends :)

Merci

Salut,

Ton problème vient du fait que les options gérées par Dojo ne sont pas les mêmes que celles d'un select HTML...
Chaque option est en fait un objet du type value, label, selected, disabled.

Donc plutôt que faire ta mise à jour de manière standard, utilise la méthode updateOption du Select dijit.

ERE

Salut, et merci pour ta réponse.

D'après ce que je lis dans la doc de l'API : "Updates the values of the given option. The option to update is matched based on the value of the entered option.", et si je comprends bien cette phrase, ca veut dire que je dois me servir de ca si je fais modifier la value de mon option.
Or, je ne voudrais pas la modifier, mais simplement "désactiver" (disabled = true) de cette option.

J'ai bien compris le but de cette fonction ?

Exactement. Techniquement tu crées un objet avec uniquement 'value' et 'disabled' comme attribut.
Dojo va chercher l'option correspondante à partir du 'value' et va y copier les attributs fournis, donc ton disabled.

Quelque chose comme:

Code:

---

1 2 3 4 5

var opt = { value:"1", disabled:true };   selectDijit.updateOption(opt);

---

ERE

Ok je vois l'idée.
Je récupère ma value de ma première liste (celle que je veux désactiver dans ma 2eme liste donc), je crée un nouvel objet en ayant pour paramètre value ma value sélectionnée, et en faisant ça, Dojo va réussir a matcher avec celle déja existante, et va donc simplement appliquer l'attribut "disabled = true" c'est ça?

Et s'il ne la trouve pas, ça génère une exception ou autre ?

A mon avis s'il ne la trouve pas il ne fait rien puisque c'est un update

EDIT: Si tu veux en être sûr tu fais un test avec la console ça prends 12s...
-----


ERE

J'ai testé, mais je n'arrive pas a le faire fonctionner :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

if(codeModif1Value != null){ console.log("codeModif1Value : " +codeModif1Value); for(var i = 0; i < hiddenCodesModifsListSize; i++){ // Si la valeur en cours de ma liste 2 = valeur sélectionnée dans liste 1 , je cache la ligne   if(codeModif2.getOptions(i).value == codeModif1Value){ var newValue = { value:codeModif1Value, disabled:true }; codeModif2.updateOption(newValue); } else { var newValue = { value:codeModif1Value, disabled:false }; codeModif2.updateOption(newValue); } } }

---

Salut,
Je ne comprends pas bien l'objectif de ton code. Tu devrais passer en revue les options (tu les obtiens par un getOptions()) puis constituer un tableau des objets modifiés (2 objets a priori ?) , et ensuite appeler updateOption avec ce tableau.

Cela fonctionne très bien.

ERE