Question

我在面板标题中有两个面板，点击我要切换面板。

<script>
$(document).on("click", ".ui-panel:has(.ui-panel-titlebar-icon) .ui-panel-titlebar", function(e) {
    console.log("click:");
PF("widgetVar").toggle();//Need to know how given widgetVar

});
</script>

<p:panel id="userPanel1" widgetVar="org1"  toggleable="true" collapsed="true">
.....
</p:panel>

<p:panel id="userPanel2" widgetVar="org2"  toggleable="true" collapsed="true">
.....
</p:panel>

我怀疑面板标题，点击发送widgetVar并切换当前面板。这是PF（＆＃34; widgetVar＆＃34;）。toggle（）在标题点击事件上设置传递当前面板widgetVar和同样我使用PF （＆＃34; widgetVar＆＃34;）。collapse（）面板。

Answer 1

在the primefaces showcase中有例子：

    <p:panel id="toggleable" header="Toggleable" toggleable="true" closable="true" toggleSpeed="500" closeSpeed="500" widgetVar="panel" style="margin-bottom:20px">
        <f:facet name="options">
            <p:menu>
                <p:submenu label="Settings">
                    <p:menuitem value="Toggle" url="#" icon="ui-icon-newwin" onclick="PF('panel').toggle();" />
                </p:submenu>
            </p:menu>
        </f:facet>
    </p:panel>

只需改变：

PF('panel').toggle();到PF('panel').toggle();PF('panel').collapse();并删除该脚本（除非你想记录点击lol）。您可以在onclick属性中添加任意数量的功能，您甚至可以这样做：onclick="alert('hi');"。这有时对调试很有用。

如果那不是您所要求的，请编辑您的帖子。如果是这样，你可以通过点击分数下的v来接受我的回答，以表达你的感激之情并给我免费的业力！

干杯。

Primefaces标题单击切换

1 个答案: