jsf - 显示使用

Question

你如何显示使用？可能吗？

这是我的示例代码。这行不通。

<h:form>

        <p:panel header="Panel 1" widgetVar="panel1" id="a" >
            <p:commandButton onclick="panel2.show()" value="Show Panel"/>
        </p:panel>

        <p:panel header="Panel 2" widgetVar="panel2" id="b" visible="false">
            <p:outputLabel value="asdasdasdasdsad" />
        </p:panel>
    </h:form>

Answer 1

也许您可以在 onclick 操作中放置类似的内容：

    <p:panel header="Panel 1" widgetVar="panel1" id="a" >
                <p:commandButton onclick="document.getElementById("b").visble=true" value="Show Panel"/>
            </p:panel>

    <p:panel header="Panel 2" widgetVar="panel2" id="b" visible="false">
            <p:outputLabel value="asdasdasdasdsad" />
        </p:panel>

因此通过缺陷可见 = false 和 onclick 更改为 true。

Answer 2

解决了！

在 p:commandButton 中添加 toggleable="true" closable="true" 并更新面板 (update="b")

<p:panel header="Panel 1" widgetVar="panel1" id="a" >
            <p:commandButton value="Show Panel" update="b" widgetVar="btn" onclick="panel2.show()" 
                             >

            </p:commandButton>
        </p:panel>

        <p:panel header="Panel 2" widgetVar="panel2" id="b" toggleable="true" closable="true" visible="false">
                    <p:outputLabel value="asdasdasdasdsad" />
        </p:panel>