Primefaces标题点击切换

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("widgetVar").toggle()设置传递当前面板widgetVar在头部点击事件和在相同的我使用PF("widgetVar").collapse()面板。

Answer 1

在主面展示中有这样的例子:

    <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来接受我的答案，以表示你的感激之情，并给我免费的业力!

欢呼。