JSF ajax 行为监听器

Question

我在使用 selectOneRadio 和面板的渲染器时遇到了问题。

我的 cession.xhtml 包含这个

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

我的 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;
      }
  }

我知道方法侦听器正在调用，但面板不可见，如果有人可以帮助我？

Answer 1

有两个问题。

1. PrimeFaces 组件中需要<p:ajax> 而不是<f:ajax>。

2. 您需要在 ajax 更新中明确指定一个 JSF 组件，以便重新渲染它。使用当前的方法，您基本上不会更新任何内容。使用<f:ajax>，需要在render属性中指定要更新的组件，<p:ajax>在update属性中指定。

此外，还有一些效率低下的情况。您根本不需要侦听器方法和那些大量的布尔属性。您可以直接在rendered 属性中检查单选按钮的值。

所以，总而言之，应该这样做：

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

另见：

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

Answer 2

如this answer 中所述，您应该将<h:panelGroup> 组件包装在UIContainer 中并渲染更大的容器以使面板变得可见：

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