JSF ajax behaviour listener

Question

I've a problem when I use selectOneRadio and the renderer of my panels.

My cession.xhtml contains this

    <p:selectOneRadio id="options" value="#{editionBean.radioProprietaire}">
      <f:selectItem itemLabel="Particulier" itemValue="particulier" />
      <f:selectItem itemLabel="Societe" itemValue="societe" />
      <f:ajax listener="#{editionBean.listener}"/>
    </p:selectOneRadio>

    <h:panelGroup rendered="#{editionBean.renderSoc}">...</h:panelGroup>
    <h:panelGroup rendered="#{editionBean.renderPart}">...</h:panelGroup>

My EditionBean.class

private boolean renderSoc;
private boolean renderPart;
private String radioProprietaire;

public void listener(AjaxBehaviorEvent event) {
  if(null != radioProprietaire && radioProprietaire.equals("particulier")){
           renderPart = true;
       renderSoc = false;
      }
  else if(null != radioProprietaire && radioProprietaire.equals("societe")){
    renderPart = false;
    renderSoc = true;
      }
  }

I know that method listener is call, but ths panels aren't visible, if someone can help me ?

score 4 · Accepted Answer · edited May 23 '17 at 12:33

4

There are 2 problems.

You need <p:ajax> instead of <f:ajax> in PrimeFaces components.
You need to explicitly specify a JSF component in the ajax update so that it will be re-rendered. With the current approach, you're basically updating nothing. With <f:ajax>, the to-be-updated components should be specified in render attribute and with <p:ajax> in update attribute.

Further, there's some inefficiency going on. You don't need the listener method and those lot of boolean properties at all. You can just check the radio button value directly in the rendered attribute.

So, all with all, this should do:

<p:selectOneRadio id="options" value="#{editionBean.radioProprietaire}">
    <f:selectItem itemLabel="Particulier" itemValue="particulier" />
    <f:selectItem itemLabel="Societe" itemValue="societe" />
    <p:ajax update="groups" />
</p:selectOneRadio>

<h:panelGroup id="groups">
    <h:panelGroup rendered="#{editionBean.radioProprietaire == 'societe'}">
        ...
    </h:panelGroup>
    <h:panelGroup rendered="#{editionBean.radioProprietaire == 'particulier'}">
        ...
    </h:panelGroup>
</h:panelGroup>

Can I change my file editionBean ? or web.xml or another config file ? – wamdeus Jan 19 '13 at 15:33
You have only to remove unused properties and unused listener method. – BalusC Jan 19 '13 at 15:58
Yes my bean contains only attributs and its getters and setters only (I can't post my code because i need 10 in reputations ^^) – wamdeus Jan 19 '13 at 16:06
Here, you can see my code http://hubertpicardat.fr/sites/edition.xhtml.txt http://hubertpicardat.fr/sites/edition.java.txt – wamdeus Jan 19 '13 at 16:32
What are all those `` doing there in your view? Remove them. Further, please descibe your concrete problem clearly. The above answer should solve your problem, but you have never explicitly confirmed nor denied the solution. – BalusC Jan 19 '13 at 17:38
Ohh thank a lot @BalusC, when I delete my , my panels appear. Thank you !!!! you're the best ! thanks you Luiggi too !! StackOverFlow is wonderfull – wamdeus Jan 19 '13 at 18:20

score 1 · Answer 2 · edited May 23 '17 at 11:45

1

As explained in this answer, you should wrap the <h:panelGroup> component inside an UIContainer and render that bigger container in order to make the panel to become visible:

<p:selectOneRadio id="options" value="#{editionBean.radioProprietaire}">
  <f:selectItem itemLabel="Particulier" itemValue="particulier" />
  <f:selectItem itemLabel="Societe" itemValue="societe" />
  <p:ajax listener="#{editionBean.listener}" render="pnlSoc pnlPart" />
</p:selectOneRadio>

<h:panelGrid id="pnlSoc">
    <h:panelGroup rendered="#{editionBean.renderSoc}">...</h:panelGroup>
</h:panelGrid>
<h:panelGrid id="pnlPart">
    <h:panelGroup rendered="#{editionBean.renderPart}">...</h:panelGroup>
</h:panelGrid>

edited May 23 '17 at 11:45

Community

1
1

answered Jan 19 '13 at 13:58

Luiggi Mendoza

85,076
16
154
332

Thanks a lot for the answer, but when I'm clicking on the radioButton, nothing appear... – wamdeus Jan 19 '13 at 14:16
Are the components (the select radioand the panel groups) in the same ``? – Luiggi Mendoza Jan 19 '13 at 14:25
Yes its are in the same h:form – wamdeus Jan 19 '13 at 14:28
Note that the comma in `` is invalid syntax. – BalusC Jan 19 '13 at 14:41
@BalusC fixed it, sometimes I get confused with RichFaces `reRender` syntax. – Luiggi Mendoza Jan 19 '13 at 14:45
I'm fixing it on my code, i don't understand where is the problem and I'm learning JSF since 1 week and I search a solution on this problem since 2 days. Thanks a lot Luiggi ;) – wamdeus Jan 19 '13 at 14:48
@user1992926 you're welcome, but use BalusC answer instead, he's a JSF 2 expert. – Luiggi Mendoza Jan 19 '13 at 14:51
Anyone have a issue for me ? – wamdeus Jan 19 '13 at 15:01
@user1992926 what do you mean? – Luiggi Mendoza Jan 19 '13 at 15:02
the panelGroup doesn't appear when I select a RadioButton. – wamdeus Jan 19 '13 at 15:07
@user1992926 have you tried [BalusC answer](http://stackoverflow.com/a/14415454/1065197)? – Luiggi Mendoza Jan 19 '13 at 15:09
@user1992926 clean and rebuild the project, redeploy it in your web application server and try again. If you have any errors using BalusC's approach then ask him commenting his answer, not mine. – Luiggi Mendoza Jan 19 '13 at 15:13

JSF ajax behaviour listener

2 Answers2

See also: