problème de visibilité d'un champ lors de la validation

Version imprimable

22/09/2009, 15h57
tarikho

problème de visibilité d'un champ lors de la validation

bonjour,
Je développe en JSF/richfaces, mon problème est le suivant :
j'utilise un affichage dynamique de composant suivant la valeur renseignée sur un combobox: en fonction de la valeur renseignée j'affiche les champs correspondant sur le formulaire grâce à une raquette ajax reRender sur une balise <a4j:outputPanel> et l'attribut rendered. Le problème est que lorsque je valide ma page(subnmit) et j'appel mon action du manageBean les champs ne sont prise en compte que lors du deuxième action submit : la première fois que j'appuis sur le bouton de validation touts mes champs du formulaire sont prise en compt à l'éxception des champs contenu dans la balise <a4j:outputPanel>, qui auront la valeurs saisie que lors de la deuxième validation.
je sais qui à parmis vous des expertes, j'ai besoin de vous, aidez moi
cordialement
23/09/2009, 09h17
DevServlet

Peux tu enlever le outPutPanel et mettre simplement des rendered sur les champs visibles selon le résultat de tes traitements? , ah oui mais je pense que peut être une fois la page affichée, même si tu rafraichis l'id du composant à faire apparaitre il n'apparaitra pas toujours, mais essaie quand même voir...
29/09/2009, 23h00
tarikho

merci pour ta réponse,
Je crois que c'est un problème de validation des champs du formulaire par JSF ou les champs ne seront visibles qu'au bout de la deuxième validation.J'arrive quand même à contourner le problème en utilisant l'attribut disable mais cela correspond pas vraiment à la demande client.
30/09/2009, 12h57
tarikho

Auriez vous une solution à me proposer pour ce problème :roll:
30/09/2009, 14h24
Sniper37

un bout de code nous aidera à comprendre..
30/09/2009, 14h28
tchize_

si t'as basiquement ce genre de code

Citation:

<h:selectOneMenu value="#{bean.selected}" .../>
....
<h:outputPanel rendered="#{bean.selected eq xyz}"/>

Ca ne peux pas marcher, car lors du submit, lors de la première phase (apply request value) bean.selecte n'aura pas encore sa nouvelle valeur. Donc le redered s'évaluera à false. A partir de là, le outputPanel sautera le reste de la phase JSF jusqu'au rendu final ou il réapparaitra, sans avoir récupéré les valeur soumises.

Pour résoudre ce problème, il faut mettre un immediate="true" sur le selectOneMenu, afin que le selectOneMenu stocke sa valeur dans le bean avant que le outputPanel ne fasse sa première phase JSF.

bonjour,
voila un cas simple qui résume mon problème

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
27
28
29
30
31
32
33
34
 
    <h:selectOneRadio id="suivitProjetPro" 	immediate="true"
 value="#{projetPro.dataBean.nmProjetValider}"
layout="lineDirection" onchange="javascript:modifDetecteurSaisie(this)">
<f:selectItem id="projet1" itemLabel="#{ins.lbProjet1}"
							itemValue="1" />
<f:selectItem id="projet2" itemLabel="#{ins.lbProjet2}"
							itemValue="2" />
<f:selectItem id="projet3" itemLabel="#{ins.lbAutreProjet}"
							itemValue="3" />
 
<a4j:support ajaxSingle="true"  event="onclick"
							action="#{projetPro.rerender}" reRender="updateprojet3" />
	</h:selectOneRadio>
<!-- liste des champs à rafraichir -->
 
<a4j:outputPanel id="updateprojet3">
<h:panelGrid columns="4"
						columnClasses="labelInputTab5,colorInputTab5,labelInputTab5,colorInputTab5"
styleClass="colonneGridStyle" rendered="#{projetPro.showProjet3}" >
<h:outputText value="#{ins.lbSecteur} : " />
<rich:comboBox id="listSecteurActiviteEquipePed"
suggestionValues="#{projetPro.dataBean.listSecteurAct}"
defaultLabel="#{projetPro.dataBean.lbSecteurAct3}"
selectFirstOnUpdate="true"
value="#{projetPro.dataBean.lbSecteurAct3}"
directInputSuggestions="true"  onblur="javascript:modifDetecteurSaisie(this)" immediate="true"/>
<h:outputText value="#{ins.lbMetier} : " />
<h:inputText id="metierProjetProEquipePed"
value="#{projetPro.dataBean.lbMetier3}" immediate="true" onchange="javascript:modifDetecteurSaisie(this)">
 
</h:inputText>
</h:panelGrid>
</a4j:outputPanel>

J'affiche le contenu compris dans la balise <a4j:outputPanel> selon les valeurs du <h:selectOneRadio >, les champs ne sont visible qu'au bout du deuxième submit :cry:

30/09/2009, 17h11
tchize_

comment fonctionnent la méthode projetPro.showProjet3?
De plus, les champs qui dépendent de ta radio ne doivent pas etre en immediate, sinon tu aura toujours le meme problème. La radio doit etre traitée avant ce qui en dépend.
30/09/2009, 17h43
tarikho

la méthode showProjet3 permet de faire le traitement qui aboutie à l'affichage ou non des élements contenu dans la balise <a4j:outputPanel>, je pouvez faire le traitement sur la page xhtml en utilisant le EL, mais ça rend la page illisible.
Donc l'attribut immediat est à mettre dans le champ source de rafraichissement? et pourquoi ca marche dans le cas ou j'utilise l'attribut disable?
01/10/2009, 08h43
tchize_

contrairement à l'attribute rendered, l'attribut disable n'a aucune influence sur la phase "Apply Request Value". Il n'en aura que sur les phases de render (pour dessiner en disable), de conversion et de transfert au bean (il va sauter ces deux phases)
01/10/2009, 09h07
Sniper37
Je ne sais pas si tu fais comme ça:
Code:

1 2 3 4 5 6 7 8 .. <a4j:suppot ..reRender="panel" /> .. <a4j:outputPanel id="panel" rendered="#{bean.condition}"> ... </a4j:outputPanel>
le reRender ne fonctionnera pas, faire un reRender sur un composant qui est présent dans le DOM au moment de la requete. encapsule le tout dans un au tre outputPanel ou fait le rendered sur les composants fils.
01/10/2009, 10h35
tarikho

bonjour,
Pour répondre à Sniper37, j'ai fais exactement ce que vous avez décrit sur votre message, mais appartement mon problème est avec jsf est ces phases de validation et j'arrive pas à trouver la solution,j'avais essayé avec l'attribut disable, mais je viens de remarquer un problème : ça marche pas pour tous les composants, les testes que j'ai effectuée jusqu'ici étais sur des <rich:combobox> et <rich:calendar>, mais pour les balises <h:inputText> et <h:inputTextarea> ça marche pas vraiment même en essayant d'autres atribut readonly !! je comprend rien!!
aider moi !!
01/10/2009, 14h13
tchize_

premièrement, retirer tous les immediate=true sauf sur le composant servant de base à choisir les autres composant (ton selectone)

deuxièmement, nous dire si projetPro est un bean de session (je soupconne que c'est le cas vu ton comportement)

troisièmement, nous donner le code de #{projetPro.showProjet3}
01/10/2009, 14h38
tarikho

J'ai retiré tous les immediate=true sauf sur le composant selectone;
projetPro est un bean de request ;
pour la méthode showProjet3, il permet de vérifier une condition,pour le l'instant je met la condition directement dans l'attribut, je croix que c'est plus simple que d'utiliser cette méthode pour vérifier une condition.
disabled="#{!(projetPro.dataBean.nmProjetValider eq 3)}
02/10/2009, 10h29
tarikho

bonjour,
j'espère que vous m'avez pas oublier pour mon problème, pour l'instant j'essaie de comprendre pourquoi l'attribut disable ne fonctionne pas pareille pour toutes les composant JSF, en particulier les champs de saisie de text.
02/10/2009, 10h35
Sniper37

Citation:

Envoyé par tarikho

bonjour,
j'espère que vous m'avez pas oublier pour mon problème, pour l'instant j'essaie de comprendre pourquoi l'attribut disable ne fonctionne pas pareille pour toutes les composant JSF, en particulier les champs de saisie de text.

disable a le même fonctionnement pour tous les composants JSF, tu as peut être une erreur sur la condition ou sur le rafraichissement de la page.

voila mon code :

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
27
28
29
30
31
32
33
34

<h:selectOneRadio id="suivitProjetPro" 
  value="#{projetPro.dataBean.nmProjetValider}"
  layout="lineDirection" onchange="javascript:modifDetecteurSaisie(this)" immediate="true">
  <f:selectItem id="projet1" itemLabel="#{ins.lbProjet1}"
		itemValue="1" />
  <f:selectItem id="projet2" itemLabel="#{ins.lbProjet2}"
							itemValue="2" />
  <f:selectItem id="projet3" itemLabel="#{ins.lbAutreProjet}"
							itemValue="3" />

    <a4j:support ajaxSingle="true"  event="onclick"
		 reRender="updateprojet3" />
</h:selectOneRadio>
<a4j:outputPanel id="updateprojet3" ajaxRendered="true">
  <h:panelGrid columns="4"
    columnClasses="labelInputTab5,colorInputTab5,labelInputTab5,colorInputTab5"
    styleClass="colonneGridStyle"  >
    <h:outputText value="#{ins.lbSecteur} : " />
    <rich:comboBox id="listSecteurActiviteEquipePed"
      suggestionValues="#{projetPro.dataBean.listSecteurAct}"
      defaultLabel="#{projetPro.dataBean.lbSecteurAct3}"
      selectFirstOnUpdate="true" 	value="#{projetPro.dataBean.lbSecteurAct3}"
      directInputSuggestions="true" 
      disabled="#{!(projetPro.dataBean.nmProjetValider eq 3)}"
      onblur="javascript:modifDetecteurSaisie(this)"/>
    <h:outputText value="#{ins.lbMetier} : " />
		
    <h:inputText  id="metierProjetPro3"
      value="#{projetPro.dataBean.lbMetier3}"
      onchange="javascript:modifDetecteurSaisie(this)" disabled="#{!(projetPro.dataBean.nmProjetValider eq 3)}" />
  </h:panelGrid>
</a4j:outputPanel>

Le champ que j'arrive pas à récupérer lors de l'action submit(), et colorer en jaune, il est active à la selection de choix n°3 du radiobutto.

02/10/2009, 11h02
Sniper37

Il faut mettre le bean soit en session soit utiliser keepAlive

Code:

<a4j:keepAlive beanName="nomDuBean" />
02/10/2009, 11h07
tchize_

ton outputpanel a "ajaxRendered="true" ", ce qui explique probablement pourquoi il n'interviens pas dans le submit normal. Retire ce ajaxrendered, il ne sert à rien.

De plus, est-ce que ton submit renvoie bien tout le formulaire, ou est-ce qu'il se contenter de soumettre seulement une partie.
02/10/2009, 11h20
tarikho

merci,
c'est super :ccool:, vous êtes vraiment fort !!
ça résout mon problème pour l'instant, j'espère que ça va pas avoir de dommage collatéral sur d'autres champs