级联动态渲染selectOneMenu不起作用

Question

我认为我的问题很简单，但我找不到明确的解决方案。

我有三个 selectOneMenu，我希望始终呈现第一个，如果第一个选择了某个值，则呈现第二个，如果第二个选择了某个值，则呈现第三个。

第一个和第二个之间的关系很好，但第二个和第三个之间却不起作用。

当我更改第一个 selectOneMenu 的值时，第二个 selectOneMenu 会正确显示或隐藏。 但是当我更改第二个值时，第三个 selectOneMenu 没有发生任何事情，就像 f:ajax 渲染未触发一样。

下面是 jsf 代码：

<h:panelGrid columns="2">
    <h:outputText value="Type Paiement" />
      <h:selectOneMenu
            value="#{employeurBean.idTypePaiement}"> 
            <f:selectItem itemValue="" itemLabel="Choix typePaiement" />
            <f:selectItems value="#{typePaiementBean.typesPaiement}" var="vtp"
            itemLabel="#{vtp.libelle}" itemValue="#{vtp.idTypePaiement}" />
            <f:ajax event="change" render="gmodp" />
      </h:selectOneMenu>    
</h:panelGrid>

<h:panelGrid id="gmodp">
<h:panelGroup rendered="#{employeurBean.idTypePaiement == 2}">
    <h:outputText value="Mode Paiement" />
      <h:selectOneMenu
            value="#{employeurBean.idModePaiement}"> 
            <f:selectItem itemValue="" itemLabel="Choix mode Paiement" />
            <f:selectItems value="#{modePaiementBean.modesPaiement}" var="vmp"
            itemLabel="#{vmp.libelle}" itemValue="#{vmp.idModePaiement}" />
        <f:ajax event="change" render="grib"/>
    </h:selectOneMenu>
</h:panelGroup> 
</h:panelGrid>

<h:panelGrid id="grib">
<h:panelGroup rendered="#{employeurBean.idModePaiement == 1}">
    <h:outputText value="Compte" />
    <h:inputText value="#{employeurBean.compte}">
    </h:inputText>
</h:panelGroup>
</h:panelGrid> 

有什么想法可以实现这一点吗？ 非常感谢您的帮助

Answer 1

如果 bean 是请求范围的和/或您在 getter 方法而不是操作侦听器方法中执行业务操作（例如预加载列表），则此构造将会失败。确保 bean 已放置在视图范围内，并且您正在操作侦听器方法中执行业务操作。

如果这不能解决问题，那么您确实必须将支持 bean 代码与问题中的视图代码一起发布。