在areian面板中选项卡的primefaces javascript事件

时间:2015-06-20 06:55:28

标签: jquery jsf-2 primefaces primefaces-extensions

我正在使用primefaces accordianPanel

<h:form id="MainMenuForm" style="font-size: 13px;font-weight: bold;">
<p:accordionPanel id="accord">
            <p:tab id="hometab">
                <f:facet name="title">
                    <p:graphicImage id="homeIcon" value="Images/home.png" width="13%" height="13%" />
                    <p:outputLabel value="Home" id="homeLabel"/>
                </f:facet>
                <ul>
                    <li>VAL1</li>
                    <li>VAL2</li>
                    <li>VAL2</li>
                </ul>
            </p:tab>

            <p:tab>
                <f:facet name="title">
                    <p:graphicImage id="projectIcon" value="Images/CreateProject.png" width="13%" height="13%" />
                    <p:outputLabel value="Project" />
                </f:facet>
            </p:tab>
</p:accordionPanel>
</h:form>

我正在尝试附加一个jquery来获取标签onclick事件

$('#MainMenuForm\\:accord\\:hometab').on( "click", function() {
    alert(1);
});

但是我无法得到警报可以请一些人在callina上帮助我一个javascript函数on primefaces accordian tab onclick。

1 个答案:

答案 0 :(得分:1)

Accordion有一个tabChange事件。使用PrimeFaces Extensions pe:javascript,您可以在没有服务器往返的每个可用事件上调用javascript