Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Primefaces标题单击切换_Jquery_Jsf_Primefaces - Fatal编程技术网

Jquery Primefaces标题单击切换

Jquery Primefaces标题单击切换,jquery,jsf,primefaces,Jquery,Jsf,Primefaces,我有两个面板在面板标题点击我想切换面板 <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:p

我有两个面板在面板标题点击我想切换面板

<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>

$(文档).on(“单击“,”。ui面板:具有(.ui面板标题栏图标)。ui面板标题栏“,函数(e){
console.log(“单击:”);
PF(“widgetVar”).toggle();//需要知道如何给定widgetVar
});
.....
.....
“我的怀疑”面板标题单击“发送widgetVar”并切换当前面板。即PF(“widgetVar”).Toggle()在标题单击事件上设置“传递当前面板widgetVar”,并在同一事件中使用PF(“widgetVar”).collapse()面板。

中有以下示例:

    <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')。切换();PF(“面板”).collapse()
并删除该脚本(除非您想记录单击lol)。您可以在
onclick
属性中添加任意数量的函数,甚至可以这样做:
onclick=“alert('hi');”
。这对于调试有时很有用

如果这不是你想要的,请编辑你的帖子。如果是的话,你可以通过点击分数下面的v来接受我的答案,以表示你的感激并给我自由的业力

干杯。

这里有一些例子:

    <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')。切换();PF(“面板”).collapse()
并删除该脚本(除非您想记录单击lol)。您可以在
onclick
属性中添加任意数量的函数,甚至可以这样做:
onclick=“alert('hi');”
。这对于调试有时很有用

如果这不是你想要的,请编辑你的帖子。如果是的话,你可以通过点击分数下面的v来接受我的答案,以表示你的感激并给我自由的业力


干杯。

你能把它翻译得更好吗?我不知道你想完成什么。你能试着把它翻译得更好吗?我不确定您想要完成什么。我的疑问是ui标题栏单击以切换面板,而且p:panel ajax event=click不受支持,所以我使用上面的方法script@user5092860那不是手风琴吗?我的疑问是ui标题栏点击切换面板,而且p:panel ajax event=click不受支持,所以我使用上面的方法script@user5092860那不是手风琴吗?