如何通过在jsf中的面板网格中执行操作来更新面板

Question

试图通过单击另一个面板网格中的按钮来更新面板。但无法运行

     <h:panelGrid columns="3"  id="qualaddpanelgrid12">
                <p:selectOneMenu value="#{qualCntrl.qualificationGroup}"  id="qualificationGroup"  style="width:180px;" disabled="#{qualCntrl.dropDownEnable}">  
                <f:selectItem itemLabel="Please Select" Value="P" />  
                <f:selectItems itemLabel="#{qualCntrl.qualificationGroupList()}" value="#{qualCntrl.qualificationGroupList()}" />  
                </p:selectOneMenu>   
                &nbsp; 
                <p:commandButton icon="ui-icon-plus" actionListener="#{qualCntrl.enableGroupPanel}"  update="qualaddpanelgrid12,groupPanel" ></p:commandButton>
<p:panel id="groupPanel" header="Add New Group"  closable="true"   widgetVar="groupPanel" style="width:170px;" rendered="#{qualCntrl.groupPanelEnable}">
         </p:panel>

groupPanel未更新。

Answer 1

我想你的问题是你的面板不会出现在屏幕上。原因是无法更新未渲染的组件。您必须将您的p:panel放入另一个p:panel（或任何容器组件）并更新外部组件。例如：

<p:commandButton icon="ui-icon-plus" actionListener="#{qualCntrl.enableGroupPanel}"  update="qualaddpanelgrid12,updateMe" />
<p:panel id="updateMe">
    <p:panel id="groupPanel" header="Add New Group"  closable="true"   widgetVar="groupPanel" style="width:170px;" rendered="#{qualCntrl.groupPanelEnable}"></p:panel>
</p:panel>