f:ajax 监听器在动态添加的 h:selectOneMenu 中失败

Question

我正在向页面动态添加h:selectOneMenu。但是 f:ajax 的 listener 方法不会为 selectItems 调用，但如果从一开始就将 h:selectOneMenu 添加到页面（不是使用 update 属性动态添加），它确实有效。 我的代码如下：

（根据@Daniel 的建议更正）

    <h:commandButton value="Watch">
          <f:ajax render="deptsSelBox"/>
          <f:setPropertyActionListener value="#{true}" target="#{listRetriever.allow}" />
    </h:commandButton>  

    <h:panelGroup id="deptsSelBox">
        <h:selectOneMenu id="deptsSel" rendered="#{listRetriever.allow}" value="#{listRetriever.reqId}">  
            <f:selectItems value="#{listRetriever.list}" />
            <f:ajax listener="#{listRetriever.retrieve()}" execute="deptsSel" />
        </h:selectOneMenu>
    </h:panelGroup>  

Answer 1

h:commandButton 没有update 属性，看起来像是primefaces 和纯JSF 的混合体（update 属性来自p:commandButton）

将f:ajax 添加到您的commandButton 并使用render 属性

<h:commandButton value="Watch">
      <f:ajax render="deptsSelBox"/>
      <f:setPropertyActionListener value="#{true}" target="#{listRetriever.allow}" />
</h:commandButton>   

还将您的选择 ajax 修复为此

<f:ajax listener="#{listRetriever.retrieve}" update="deptsSel"/>

并尝试将范围从 request 更改为 view

另一种方法是在方法中设置allow 的值，就像这样（您也可以将其作为参数发送）

<h:commandButton value="Watch" action="listRetriever.updateAllow">
      <f:ajax render="deptsSelBox"/>
</h:commandButton>  


public void updateAllow(){
     allow = true;
}