button - 按下按钮时显示面板

Question

我在 primefaces 中有一个按钮和一个面板。我希望面板在按下按钮时可见。我怎么能用primefaces做到这一点？

我有代码

        <p:commandButton value="Search" ajax="false"
        actionListener="#{myBean.searchPatients}" onclick="panelwv.show();">
    </p:commandButton>
    <p:panel widgetvar="panelwv" visible="false" closable="true" toggleable="true" >

但它不起作用

Answer 1

您的代码中有错字，您需要的属性是widgetVar：

<p:commandButton value="Search" ajax="false"
    actionListener="#{myBean.searchPatients}" onclick="panelwv.show();">
</p:commandButton>
<p:panel widgetVar="panelwv" visible="false" closable="true" toggleable="true"/>

如果你根本不想渲染你的面板，你应该考虑使用rendered组件的属性。

Answer 2

您可以为此使用对话框。你也可以检查这个

https://www.primefaces.org/showcase/ui/overlay/dialog/basic.xhtml

<p:commandButton value="Search" ajax="false"
actionListener="#{myBean.searchPatients}" oncomplete="PF('dlg1').show();">
</p:commandButton>
<p:dialog header="Basic Dialog" widgetVar="dlg1" minHeight="40">
<p:panel  visible="false" closable="true" toggleable="true"/>
</p:dialog>