Discussion :

[ioexception]

Bonjour,

Voici mon soucis :
J'ai une liste B qui dépend de ma liste A

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<select id="listA">
</selec>
<select id="listB">
</selec>
<input id="monInput" value="champs rempli sur l'event change de ma liste B"/>

Quand je sélectionne un élément de ma liste A ça modifie ma liste B, qui rempli un champ input. Tout ceci fonctionne bien quand je le fais à la mano.

Mon soucis se trouve lorsque je veux modifier la sélection de ma listeA et B en programmation.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$("#listA").on("change, function* (...
// mon code qui charge ma listB à l'aide d'une requete asynchrone 
);
 
$(unbouton).on("click",function* (..){
...
 
var a = data recup depuis un objet JSON;
var b = data recup depuis un objet JSON;
 
$(listA).val(a);
$(listA).change(); //Déjà là je suis obligé de déclencher l'événement manuellement sinon ça ne fait rien
 
$(listB).val(b);
...
);

Le soucis est que comme le .change() met un peu de temps à remplir ma liste B; mon instruction suivante ne peut pas sélectionner la valeur de ma liste B puisqu'elle n'est pas encore rempli...

Avez vous une idée sur comment je peux faire pour "patienter" la fin de l'event ? (j'ai déjà tester des truc crade à base de sleep mais rien à faire étant donné que dans mon onChange j'ai de l'ascynchrone) peut être qu'il y a une solution à l'aide des promises/yield (chose que je ne maîtrise pas du tout) non ?

Note : je pense aussi avoir un problème de conception du fait que je dois appeler manuellement .change() (je peux me montrer, et c'est peut etre une bonne facon de faire)

[SylvainPV]

Tout le problème vient du fait qu'il y a des instructions asynchrones dans ta fonction appelé au onchange. Par définition, une fonction asynchrone n'est pas bloquante, donc les instructions qui suivent s'exécutent avant.

Parmi les solutions, il y a effectivement les promises/yield, mais la solution la plus simple reste une bête fonction callback passée en argument.

Voici un tuto qui devrait t'aider : http://fguillot.developpez.com/tutor...s-avec-jquery/

[ioexception]

Merci, je suis entrain de regarder mais j'ai un soucis.

Si je met un console.log dans ma fonction Change() et dans mon .done() pour voir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
...on("change', wrapAsync(function* () {
 
var result = yield get(...); //req. asynchrone
 
console.log("c'est fini dans le change");
})
); 
 
...
 
function mafonction(){
 
var result = monid.change().promise();
 
result.done(function(){ console.log("c'est fini") });
}

Le résultat est :
c'est fini
c'est fini dans le change


Donc en gros le callback ne foncitonne pas, il m'indique que c'est fini alors que pas du tout oO

[SylvainPV]

yield et les promises sont à peine supportés, et les APIs et implémentations ne sont pas finalisées. Utilise plutôt une fonction callback ou la fonction $.when de jQuery

[ioexception]

Bizarre, j'ai tout testé et rien y fait, le callback s'execute avant la fin de ma fonction.

[sekaijin]

1) merci de posté les question JQuery dans le forum JQuery

2) je ne sais si c'est ton code que tu as posté mais si c'est le cas le simple fait que dans le forum il n'affiche tout en rouge signifie qu'il est symtaxiquement incorrect. corrige la syntaxe avant tout car sans ça impossible de savoir s'il y a des erreur.

3) il existe sur les forum des 10ene d'exemple de code de liste liées.

A+JYT