cacher un inputtext en fonction de la réponse d'un selectOneMenu

Version imprimable

Bonjour,

je suis débutant en JSF
je voudrais cacher des inputtext dans un formulaire.

je voudrais que quand on clic sur l'item "NORD" dans le SelectOneMenu
qu'il n'affiche que outputText "NORD_DETAIL" et qu'il cache "SUD_DETAIL"

voici mon code exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <p:selectOneMenu id="zone_geographie" value="" style="width:125px"> <f:selectItem itemLabel="-" itemValue="-" /> <f:selectItem itemLabel="NORD" itemValue="NORD" /> <f:selectItem itemLabel="SUD" itemValue="SUD" /> </p:selectOneMenu> <h:outputText value="NORD_DETAIL"/> <p:inputText value=""/> <h:panelGroup /> <h:outputText value="SUD_DETAIL"/> <p:inputText value=""/> <h:panelGroup />
Merci pour votre aide :D

Est ce que tu comptes à terme utiliser ces éléments dans un groupe ?

Code:

1
2
3
<h:outputText value="NORD_DETAIL"/>
<p:inputText value=""/> 
<h:panelGroup />

Bon, pour l'outputText, tu peux utiliser l'attribut "rendered" et mettre un <p:ajax> sur le selectOneMenu, c'est le plus "natif".
On aurait donc

Code:

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

<p:selectOneMenu id="zone_geographie" value="#{managedBean.zoneGeographique}" style="width:125px">
   <p:ajax event="change" update="idNord idSud"/>
   <f:selectItem itemLabel="-" itemValue="-" />
   <f:selectItem itemLabel="NORD" itemValue="NORD" />
   <f:selectItem itemLabel="SUD" itemValue="SUD" />
</p:selectOneMenu>

<h:outputText id="idNord" value="NORD_DETAIL" rendered="#{managedBean.zoneGeographique.equals('NORD')}"/>
...

<h:outputText id="idSud" value="SUD_DETAIL" rendered="#{managedBean.zoneGeographique.equals('SUD')}"/>

bonjour
merci de t'a réponse mais je suis encore blocker :[

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
       
    <h:outputText value="Type appareil:"/>
                   
                        <p:selectOneMenu id="appareil" value="#{adminBean.selectedDevice.appareil}"  required="true" requiredMessage="Required">
                            <f:selectItem itemLabel="-" itemValue="-" />
                            <f:selectItem itemLabel="NORD" itemValue="NORD" />
                            <f:selectItem itemLabel="SUD" itemValue="SUD" />
                            <f:ajax render="console1 console2" execute="@this"/>
                        </p:selectOneMenu>
    
                        
               
                        
                           <h:panelGroup />
                           
                        <h:outputText value="Zone alarme:"/>
                        
                        <p:selectOneMenu id="console1" rendered="#{adminBean.selectedDevice.appareil=='NORD'}" value="#{adminBean.selectedDevice.zone}" style="width:125px">
                                  <f:selectItem itemLabel="-" itemValue="-" />
                            <f:selectItem itemLabel="004" itemValue="004" />
                            <f:selectItem itemLabel="005" itemValue="005" />
                            <f:selectItem itemLabel="006" itemValue="006" />
                            <f:selectItem itemLabel="007" itemValue="007" />
                        </p:selectOneMenu>
                        
                        <p:selectOneMenu id="console2" rendered="#{adminBean.selectedDevice.appareil=='SUD'}" value="#{adminBean.selectedDevice.zone}" style="width:125px">
                                  <f:selectItem itemLabel="-" itemValue="-" />
                              <f:selectItem itemLabel="B" itemValue="B" />
                                <f:selectItem itemLabel="H" itemValue="H" />
                        </p:selectOneMenu>

06/07/2016, 13h04
OButterlin

Et c'est quoi le problème ?
06/07/2016, 16h37
malloc42

l'ajax ne se déclanche pas pour afficher en direct soi id="idNord" soi id="idSud"

Code:

<f:ajax render="console1 console2" execute="@this"/>

merci
06/07/2016, 22h26
OButterlin

Pourquoi n'utilises-tu pas la méthode que je t'ai montré avec <p:ajax> ?

salut, j'ai testé avec ton code
cela ne marche pas :(

Code:

1
2
3
4
5
6
7
 
 <h:outputText value="Type appareil:"/>
                        <p:selectOneMenu id="appareil" value="#{adminBean.selectedDevice.appareil}"  required="true" requiredMessage="Required">
                           <p:ajax event="change" update="console1 console2"/>
                            <f:selectItem itemLabel="NORD" itemValue="NORD" />
                            <f:selectItem itemLabel="SUD" itemValue="SUD" />
                        </p:selectOneMenu>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
   <h:panelGroup />
 
                        <h:outputText value="Zone alarme:"/>
 
                        <p:selectOneMenu id="console1" rendered="#{adminBean.selectedDevice.appareil=='NORD'}" value="#{adminBean.selectedDevice.zone}" style="width:125px">
                                  <f:selectItem itemLabel="-" itemValue="-" />
                            <f:selectItem itemLabel="004" itemValue="004" />
                            <f:selectItem itemLabel="005" itemValue="005" />
                            <f:selectItem itemLabel="006" itemValue="006" />
                            <f:selectItem itemLabel="007" itemValue="007" />
                        </p:selectOneMenu>
                        <h:outputText value="Zone alarme:"/>
                        <p:selectOneMenu id="console2" rendered="#{adminBean.selectedDevice.appareil=='SUD'}" value="#{adminBean.selectedDevice.zone}" style="width:125px">
                                  <f:selectItem itemLabel="-" itemValue="-" />
                              <f:selectItem itemLabel="B" itemValue="B" />
                                <f:selectItem itemLabel="H" itemValue="H" />
                        </p:selectOneMenu>

merci pour ton aide :)