[rich] selectOneRadio reRender

Version imprimable

j'essay de faire un selectOneRadio ainsi que 2 inputText. Et je voudrais que en fonction du ratio selectionner je voudrais afficher un inputText et pas l'autre.

voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<h:selectOneRadio value="#{SimpleTreeDndBean.opParamItem}" reRender="input1,input2" >
                  <f:selectItem itemValue="0" itemLabel="Egale" />
                  <f:selectItem itemValue="1" itemLabel="Supérieur" />
                  <f:selectItem itemValue="2" itemLabel="Sup égale" />
                  <f:selectItem itemValue="3" itemLabel="Inférieur" />
                  <f:selectItem itemValue="4" itemLabel="Inférieur égale" />
                  <f:selectItem itemValue="5" itemLabel="Entre" />
                  <f:selectItem itemValue="6" itemLabel="Tranche" />
                </h:selectOneRadio>
                    <a4j:form id="input1" rendered="#{SimpleTreeDndBean.opParamItem==3}">
                      <h:outputText value="Valeur" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem1}" required="true" >
                         <f:convertNumber integerOnly="true" maxIntegerDigits="2"/>
                      </h:inputText>                    
                    </a4j:form> 
                    <a4j:form id="input2" rendered="#{SimpleTreeDndBean.opParamItem==4}">
                      <h:outputText value="Min" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem2}" required="true" >
                         <f:convertNumber integerOnly="true" maxIntegerDigits="2"/>
                      </h:inputText>                    
                    </a4j:form>

le reRender n'a pas l'air de fonctionner. Comment doit-je procéder?

12/08/2009, 17h17
Sniper37
premièrement pourquoi utiliser 2 ou 3 forms, engloble le tout dans un h:form. Ensuite, ne fais pas de reRender sur un composant qui n'est pas présent au début dans le DOM (rendered=false), fais plutot comme ça:
Code:

1 2 3 4 5 6 7 8 9 10 <a4j:outputPanel id="golbal"> <h:panelGroup rendered="#{bean.booleanValue}"> .. .. </h:panelGroup> </a4j:outputPanel>
12/08/2009, 17h27
snipes

Pour completer je dirai qu'il te faut aussi dans ton selectOneRadio <a4j:support ...

Merci mais je parviens toujours pas. J'ai pas du bien saisir ce que vous me disiez.

Voila ce que j'ai effectué:

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
35
36
37
38
<h:panelGroup rendered="#{SimpleTreeDndBean.showModalPanel==2 || SimpleTreeDndBean.showModalPanel==4 }" style="width:300px; height:300px; border:solid black 1px;">
                <h:selectOneRadio value="#{SimpleTreeDndBean.opParamItem}">
                  <f:selectItem itemValue="0" itemLabel="Egale" />
                  <f:selectItem itemValue="1" itemLabel="Supérieur" />
                  <f:selectItem itemValue="2" itemLabel="Sup égale" />
                  <f:selectItem itemValue="3" itemLabel="Inférieur" />
                  <f:selectItem itemValue="4" itemLabel="Inférieur égale" />
                  <f:selectItem itemValue="5" itemLabel="Entre" />
                  <f:selectItem itemValue="6" itemLabel="Tranche" />
                  <a4j:support event="onclick" reRender="global" />
                </h:selectOneRadio>
                  <a4j:outputPanel  id="global">
                    <h:panelGroup rendered="#{SimpleTreeDndBean.opParamItem==3}">
                      <h:outputText value="Valeur" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem1}" required="true" >
                         <f:convertNumber integerOnly="true" maxIntegerDigits="2"/>
                      </h:inputText>                    
                    </h:panelGroup>
                      <h:panelGroup rendered="#{SimpleTreeDndBean.opParamItem>4}">
                      <h:outputText value="Min" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem1}" required="true" >
                         <f:convertNumber integerOnly="true" maxIntegerDigits="2"/>
                      </h:inputText>                   
                    </h:panelGroup>
                      <h:panelGroup rendered="#{SimpleTreeDndBean.opParamItem>4}">
                       <h:outputText value="Max" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem2}" required="true">
                         <f:convertNumber integerOnly="true" maxIntegerDigits="2"/>
                      </h:inputText>                   
                    </h:panelGroup>
                      <h:panelGroup rendered="#{SimpleTreeDndBean.opParamItem>5}">
                      <h:outputText value="Pas" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem3}" required="true" >
                         <f:convertNumber integerOnly="true" maxIntegerDigits="2"/>
                      </h:inputText>
                    </h:panelGroup>
                  </a4j:outputPanel>
              </h:panelGroup>

13/08/2009, 14h28
totofe

Je trouve toujour pas la solution :cry:
13/08/2009, 14h33
rushtakn

ça a l'air bon pourtant. Qu'est ce qui marche pas ?
t'as essayé avec un event onchange ?

Oui j'ai essayé. Mais peu être la cause vient du fait que mon selectOneRadio est dans un modalPanel:

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
35
36
37
38
39
40
41
42
43
<rich:modalPanel id="pnlParamRex" showWhenRendered="#{SimpleTreeDndBean.showModalPanel>1}"  width="600" height="500">
              <f:facet name="header">
                <h:outputText value="Panel" />
              </f:facet>
              <h:panelGroup rendered="#{SimpleTreeDndBean.showModalPanel==2 || SimpleTreeDndBean.showModalPanel==4 }" style="width:300px; height:300px; border:solid black 1px;">
                  <a4j:outputPanel  id="global">
                  <h:selectOneRadio value="#{SimpleTreeDndBean.opParamItem}">
                  <f:selectItem itemValue="0" itemLabel="Egale" />
                  <f:selectItem itemValue="1" itemLabel="Supérieur" />
                  <f:selectItem itemValue="2" itemLabel="Sup égale" />
                  <f:selectItem itemValue="3" itemLabel="Inférieur" />
                  <f:selectItem itemValue="4" itemLabel="Inférieur égale" />
                  <f:selectItem itemValue="5" itemLabel="Entre" />
                  <f:selectItem itemValue="6" itemLabel="Tranche" />
                  <a4j:support event="onchange" reRender="pnlParamRex" />
                </h:selectOneRadio>
                    <h:panelGroup rendered="#{SimpleTreeDndBean.opParamItem==3}">
                      <h:outputText value="Valeur" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem1}" required="true" >
                         <f:validateLongRange minimum="0"/>
                      </h:inputText>
                    </h:panelGroup>
                    <h:panelGroup rendered="#{SimpleTreeDndBean.opParamItem>4}">
                      <h:outputText value="Min" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem1}" required="true" >
                        <f:validateLongRange minimum="0"/>
                      </h:inputText>
                      <h:outputText value="Max" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem2}" required="true">
                        <f:validateLongRange minimum="0"/>
                      </h:inputText>
                    </h:panelGroup>
                      <h:panelGroup rendered="#{SimpleTreeDndBean.opParamItem>5}">
                      <h:outputText value="Pas" />
                      <h:inputText value="#{SimpleTreeDndBean.paramItem3}" required="true" >
                        <f:validateLongRange minimum="0"/>
                      </h:inputText>
                    </h:panelGroup>
                  </a4j:outputPanel>
              </h:panelGroup>
              <h:commandButton value="Valider" action="#{SimpleTreeDndBean.addNoeud}" onclick="Richfaces.hideModalPanel('pnlParamRex');" />
              <h:commandButton value="Annuler" action="#{SimpleTreeDndBean.hideModalParam}" onclick="Richfaces.hideModalPanel('pnlParamRex');" />
            </rich:modalPanel>

13/08/2009, 14h46
rushtakn

http://docs.jboss.org/richfaces/late...odalPanel.html

Citation:

Important:

To work properly the <rich:modalPanel> should always be placed outside the original <h:form> and must include its own <h:form> for such cases like performing submissions from within the <rich:modalPanel>.

Essaye de sortir ton modalPanel de ta form principale (si t'en as) et met un form dans le panel.
13/08/2009, 15h18
totofe

j'avais pas vu ça!!!
Merci ça marche maintenant :ccool:

ps: comment faire pour mettre des < dans des guillemet dans les balise jsf?

exemple value="<"

Moi ça me met une erreur, je pense que ça doit être des le web.xml.
13/08/2009, 15h37
romaintaz

Dans une expression EL tu veux dire ?

"#{x < y}" peut s'écrire aussi "#{x eq y}"...

Voir ici plus d'exemples...
13/08/2009, 15h39
romaintaz

Oups, j'ai vu ton exemple après.

Ca, ça devrait le faire :

Code:

value="<"

Pour information :
< : < car lower than
> : > car greater than or equals
<= : &lte; car lower than or equals
>= : &gte; car greater than or equals