[selectManyListbox] lenteur du a un a4j:support

salut,

j'aimerais des info pour savoir pourquoi lorsque j'utilise une <h:selectManyListbox> en complément avec un <a4j:support> de richFace, il y a des temps de latences où tout est bloqué après une sélection dans la listbox.

je dois attendre quelques secondes avant de pouvoir sélectionner un autre élément de la liste. C'est l'horreur lorsqu'il y a des sélections multiples.

voici mon code JSF:

Code:

---

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

<h:panelGroup id="#{cptPreequipBackBean.id}" columns="1"> <h:panelGrid id="#{cptPreequipBackBean.id}" columns="1"> <h:outputText id="#{cptPreequipBackBean.id}" value="#{msg.gestionCptPreequip_ville_livraison}"/ </h:panelGrid>   <h:panelGrid id="#{cptPreequipBackBean.id}" columns="1" columnClasses="col_250left"> <h:selectManyListbox id="vList" style="height: 140px; width: 220px;" styleClass="inputFormMultiSelect" value="#{cptPreequipBackBean.deliveryCitySelected}">   <a4j:support id="vList_support" event="onchange" action="#{cptPreequipBackBean.updateNbCitySelected}" reRender="vSelected" />   <f:selectItems value="#{cptPreequipBackBean.deliveryCityItems}"/> </h:selectManyListbox>   <h:outputText id="vSelected" value="#cptPreequipBackBean.nbCitySelected}"/> </h:panelGrid> </h:panelGroup>

---

la méthode updateNbCitySelected() construit une chaîne de caractère du type : "6 éléments sélectionnés"

il n'y a aucun gros traitement susceptible de prendre du temps.
c'est pourquoi je ne comprend pas cette lenteur.

j'ai aussi essayé d'utiliser les options:
- ajaxSingle="true"
- limiteToList="true"

car je supposé que la page JSF envoyer tout le formulaire. Mais même en utilisant ces 2 options le problème n'est pas résolu. En plus de ça il y a un nouveau bug qui vient se rajouter.
en utilisant ces 2 options, à chaque fois que je sélectionne un élément, la variable "deliveryCitySelected" contient 2 occurrences de l'élément sélectionné, c'est fou comme comportement.

si quelqu'un a déjà eu ce problème ou a des piste, je suis preneur


Merci

bizard :roll:..tu es sur quel version de Richfaces?
le problème de la lenteur est peu être du à ton action, tu as vérifier?

la lenteur peut s'expliquer par le nombre de composants impliqués. Il faut savoir que, si tu utilise richfaces, t'es liés au cycle jsf, tu dois donc envoyer tout, et tout (sauf dans le cas du single) subit la phase apply request value et éventuellement les processus de conversion (pour les valeur immediate).

Par contre, je ne m'explique pas ton "blocage". Par définition le processus est asynchrone, donc on attends pas la réponse de la requete ajax pour rendre la main coté client. Donc tu devrais avoir quelque chose comme çà

-clic
-appel ajax1
-clic
-appel ajax2
-clic
-appel ajax3
-réponse ajax1
-réponse ajax2
-clic
-réponse ajax3
-appel ajax4
-réponse ajax4

Franchement, pour le comportement que tu veux avoir, pourquoi ne pas rester coté client? Parce que là on a l'impression que t'essaie de tuer une mouche avec un bazooka. De toutes façons, quand on sélectionne plusieurs éléments, on en sélectionne souvent 4 ou 5 par seconde, faire des aller-retour coté serveur à cette vitesse, c'est un doux rêve, les latences réseaux obligent :)

pour répondre à ta question Sniper37, j'ai aussi pensé que c'était l'action qui en était la cause, du coup j'ai fait un test:
j'ai commenté tout le code de l'action, ainsi lors de l'appel on exécute une fonction vide, malgré cela j'observe toujours ce blocage

en effet il est plus simple de rester côté client pour faire ce que je veux, mais dois-je procéder pour rester côté client.

y-a-t-il un attribut du composant <h:selectManyListbox> qui permet de faire cela?

onchange, onclick, ... tous les attributs javascript du select html sont accessible depuis jsf.

finallement j'ai opté pour une solution en javascript, ainsi je reste côté client et c'est beaucoup plus rapide je trouve.

ci-dessous le code javascript que j'ai utilisé au cas où il y aura des personnes dans la même situation que moi:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

/** * Count the number of items selected in a list box with multiple select * Return: the number of items selected + "éléments sélectionnés" */ function countItemSelected(select_id){ var strChaine = new String(" \351l\351ment(s) s\351lectionn\351(s)"); var strResult = new String(""); var selectManyListbox = document.getElementById(select_id); var nb = 0;   if(selectManyListbox != null){ // verify which item is selected for(var i=0; i<selectManyListbox.options.length; i++) { if(selectManyListbox.options[i].selected){ nb = nb + 1; } } strResult = nb + strChaine;   }else{ strResult = "0" + strChaine; }   return strResult; }

---

merci

Bonjour,

Je fais suite à ce post car de mon côté, je n'arrive pas à exécuter du code javascript dans mes JSP à partir de mes composants JSF.

En plus ce que je veux faire est des plus simples, donc je voudrais vraiment éviter de passer par AJAX et de faire ça en javascript côté client : sur un formulaire, quand je clique sur une checkbox je veux que ça décoche des checkbox présentes sur le même formulaire... simple non ?

Je déclare ma fonction JS dans le head de ma page JSP :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<head> ... <script type="text/javascript"> function unCheckFINBoxes(){ documents.forms.form["form:finLate"].checked = false; documents.forms.form["form:finNew"].checked = false; } </script> ... </head>

---

et sur mon composant JSF :

Code:

---

1 2 3 4 5 6 7 8

<h:form id="form"> ... <h:selectBooleanCheckbox id="opsNew" value="#{myBean.opsNew}" onclick="unCheckFINBoxes()" /> <h:selectBooleanCheckbox id="finLate" value="#{myBean.finLate}" /> <h:selectBooleanCheckbox id="finNew" value="#{myBean.finNew}" /> ... </h:form>

---

Même en ne mettant qu'un petit

Code:

---

alert('test');

---

dans ma fonction JS ça ne marche pas, le code est pas appelé quoi :(

Qqn voit qu'est-ce qui ne va pas ?

Merci d'avance.

DT.

merci de poser vos questions sur vos propres fils de discussion svp.