Masquer zone dynamiquement

Version imprimable

hello,

Savez vous comment faire pour afficher/masquer une zone de texte selon le choix effectué dans
une zone déroulante ?

Jsp :

Code:

1
2
3
4
5
6
7
8
9
 
...
<h:selectOneMenu value="#{etatController.sitFamiliale}" >
		<f:selectItems value="#{nomenclatures.mesSitFamiliales}"/>
		<a4j:support event="onchange" action="#{etatController.onchange}" ajaxSingle="true" reRender="n1" />						
</h:selectOneMenu>					
 
<h:outputText value="#{msg.nbEnfants}" id="n1"  rendered="#{etatController.afficheNb == true}" />
...

Backing bean :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
...
private boolean afficheNb;
...
 
public void setAfficheNb(boolean afficheNb) {
		this.afficheNb = afficheNb;
	}
 
public boolean isAfficheNb() {
		return afficheNb;
	}
...
 
public void onchange(){
		if (this.sitFamiliale.equals("2"))
			setAfficheNb(true);
		else 
			setAfficheNb(false);
	}

Cet exemple ne fonctionne pas et je n'ai plus d'idées

Merci

tu ne peux pas faire un reRender sur un élément qui n'est pas présent lors de l'envoi de la requete.

Code:

1
2
3
4
5
6
7
8
9
10
 
<h:selectOneMenu value="#{etatController.sitFamiliale}" >
		<f:selectItems value="#{nomenclatures.mesSitFamiliales}"/>
		<a4j:support event="onchange" action="#{etatController.onchange}" ajaxSingle="true" reRender="n1" />						
</h:selectOneMenu>					
 
<a4j:outputPanel id="n1">
<h:outputText value="#{msg.nbEnfants}   rendered="#{etatController.afficheNb == true}" />
 
</a4j:outputPanel>

15/07/2010, 13h29
KsouriDali

ajoute l'attribut ajaxRendered=true pour le a4j outputpanel