如何在页面加载之前隐藏可切换的p:面板？

Question

我有一个包含2个组件的JSF页面,一个按钮和面板.该按钮调用jQuery toggle隐藏并显示面板.我希望当页面加载时,面板最初是隐藏的,这样当我第一次按下按钮时,面板就会显示出来.

<p:commandButton onclick="PF('panelMatches').toggle()" value="Matches" type="button" />
<p:panel id="button_panel" widgetVar="panelMatches" closable="true" toggleable="true">
    Matches: 0
</p:panel>

使用此代码,面板始终始终可见.

Answer 1

只是collapsed="true"用作属性<p:panel>.然后它将从头开始呈现"关闭",第一次调用toggle()将打开它.

请参阅您正在使用的primefaces版本的文档:http://www.primefaces.org/documentation.html

Name      | Default | Type    | Description
collapsed | false   | Boolean | Renders a toggleable panel as collapsed.