我需要在单击命令按钮(List Of Facilites)时显示panelgrid(acronymnpanel),并在单击另一个命令按钮(Map)时隐藏panelgrid。隐藏panelgrid工作正常。在show panelgrid场景中,仅在第二次单击命令按钮(设施列表)时才显示面板网格。我需要在第一次点击时显示它。请看看我的代码并告诉我出了什么问题
<p:panel styleClass="ui-panel-menu">
<p:commandButton value="Map" action="/views/mapView" ajax="false"
onclick="acronympanel.close();" styleClass="ui-state-default main-menu-button" >
</p:commandButton>
<p:commandButton value="List of Facilities" onclick = "acronympanel.show();"
action="#{redTabBean.gotoList}" ajax="true"
onstart="tplpb.showProgressBar();"
oncomplete="tplpb.hideProgressBar(); "
styleClass="ui-state-default main-menu-button" />
<p:panel widgetVar="acronympanel" visible="false" closable="true" toggleable="true" >
<h:panelGrid value = "pangrid" columns="2"
style="position:relative ; margin-left :5px; margin-top:10px;height:400px;">
<h:outputText value="TERP"
style="font-size: 14; font-weight: bold; text-align : centre; color : #BC7642;" />
<h:outputText value="#{redTabBean.terpTitle}"
style="font-size: 14; text-align : left; color : #BC7642;" />
<h:outputText value="CS"
style="font-size: 14; font-weight: bold; text-align : centre; color :#1C86EE;" />
<h:outputText value="#{redTabBean.csTitle}"
style="font-size: 14; text-align : left;color : #1C86EE;" />
<h:outputText value="HCOM"
style="font-size: 14; font-weight: bold; text-align : centre; color : #1C86EE;" />
<h:outputText value="#{redTabBean.hcomTitle}"
style="font-size: 14; text-align : left;color : #1C86EE;" />
<h:outputText value="LOTO"
style="font-size: 14; font-weight: bold; text-align : centre; color : #1C86EE;" />
<h:outputText value="#{redTabBean.lotoTitle}"
style="font-size: 14; text-align : left;color : #1C86EE;" />
<h:outputText value="HC"
style="font-size: 14; font-weight: bold; text-align : centre; color :#1C86EE;" />
<h:outputText value="#{redTabBean.hcTitle}"
style="font-size: 14; text-align : left;color : #1C86EE;" />
<h:outputText value="EAP"
style="font-size: 14; font-weight: bold; text-align : centre; color :#1C86EE;" />
<h:outputText value="#{redTabBean.eapTitle}"
style="font-size: 14; text-align : left;color : #1C86EE;" />
<h:outputText value="RP"
style="font-size: 14; font-weight: bold; text-align : centre; color : #1C86EE;" />
<h:outputText value="#{redTabBean.rpTitle}"
style="font-size: 14; text-align : left;color : #1C86EE;" />
<h:outputText value="SPCC"
style="font-size: 14; font-weight: bold; text-align : centre; color : #006400;" />
<h:outputText value="#{redTabBean.spccTitle}"
style="font-size: 14; text-align : left; color : #006400;" />
<h:outputText value="SW3P"
style="font-size: 14; font-weight: bold; text-align : centre; color : #006400;" />
<h:outputText value="#{redTabBean.sw3pTitle}"
style="font-size: 14; text-align : left; color : #006400;" />
<h:outputText value="CWA"
style="font-size: 14; font-weight: bold; text-align : centre; color : #006400;" />
<h:outputText value="#{redTabBean.cwaTitle}"
style="font-size: 14; text-align : left; color : #006400;" />
<h:outputText value="FRP"
style="font-size: 14; font-weight: bold; text-align : centre; color : #006400;" />
<h:outputText value="#{redTabBean.frpTitle}"
style="font-size: 14; text-align : left; color : #006400;" />
<h:outputText value="SSP"
style="font-size: 14; font-weight: bold; text-align : centre; color : #006400;" />
<h:outputText value="#{redTabBean.sspTitle}"
style="font-size: 14; text-align : left; color : #006400;" />
<h:outputText value="GPP"
style="font-size: 14; font-weight: bold; text-align : centre; color : #006400;" />
<h:outputText value="#{redTabBean.gppTitle}"
style="font-size: 14; text-align : left; color : #006400;" />
</h:panelGrid>
</p:panel>
</p:panel>