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 ?

Answer 1

There are 2 problems.

1. You need <p:ajax> instead of <f:ajax> in PrimeFaces components.

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

See also:

• Why do I need to nest a component with rendered="#{some}" in another component when I want to ajax-update it?