Discussion :

[malloc42]

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 :

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

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

[OButterlin]

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

Code :

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

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 :

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

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')}"/>

[malloc42]

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

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
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>

[OButterlin]

Et c'est quoi le problème ?

[malloc42]

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

Code :

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

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

merci

[OButterlin]

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

[malloc42]

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

Code :

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

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 :

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
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