如何呈现 <p:selectOneMenu> [重复]

Question

我无法呈现 selectOneMenu，只能禁用该项目

例如这是有效的：

<p:panel header="Field Chooser">  
    <h:panelGrid columns="2" cellpadding="5">  
        <p:selectOneMenu id="l1" value="#{acqBean.gb1}">  
            <f:selectItem itemLabel="Group By" itemValue="" />  
            <f:selectItems value="#{acqBean.level1}" />  
            <p:ajax update="l2" listener="#{acqBean.handleGroupChange}"/>  
        </p:selectOneMenu>  
        <p:selectOneMenu id="l2" value="#{acqBean.gb2}" disabled="#{acqBean.renderLevel2}">  
            <f:selectItems value="#{acqBean.level2}" />  
        </p:selectOneMenu>  
    </h:panelGrid>  
    <p:separator /> 
</p:panel> 


public void handleGroupChange() {
    if (gb1 != null && !gb1.equals("")) {
        level2 = level2Data.get(gb1);
        renderLevel2 = false;
    } else {
        level2 = new HashMap<String, String>();
        renderLevel2 = true;
    }
}

这个不是：

<p:selectOneMenu id="l2" value="#{acqBean.gb2}" rendered="#{acqBean.renderLevel2}">  
            <f:selectItems value="#{acqBean.level2}" />  
        </p:selectOneMenu> 

请给点建议

谢谢

Answer 1

您不能对本身有条件渲染的组件进行 ajax 更新。您只能对 始终 呈现的组件进行 ajax 更新。原因很简单，当组件未渲染时，生成的 HTML 代码中基本上没有任何内容可以由 JavaScript 基于 ajax 响应进行选择和操作。

因此，将带有rendered 属性的<p:selectOneMenu> 放入例如没有rendered 属性的<h:panelGroup> 中，然后在您的ajax 更新中引用它。

<p:selectOneMenu id="l1" value="#{acqBean.gb1}">  
    <f:selectItem itemLabel="Group By" itemValue="" />  
    <f:selectItems value="#{acqBean.level1}" />  
    <p:ajax update="l2group" listener="#{acqBean.handleGroupChange}"/>  
</p:selectOneMenu>  
<h:panelGroup id="l2group">
    <p:selectOneMenu id="l2" value="#{acqBean.gb2}" rendered="#{acqBean.renderLevel2}">  
        <f:selectItems value="#{acqBean.level2}" />  
    </p:selectOneMenu>  
</h:panelGroup>

另见：

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