单击特定选项卡时调用 JavaScript

Question

我正在探索 primefaces 中的选项卡组件 http://www.primefaces.org/showcase/ui/tabviewChangeListener.jsf ，我想知道是否可以在单击特定选项卡时调用 JavaScript。

请指教，谢谢。

Answer 1

有两种方法可以连接选项卡更改事件：

1. 使用<p:tabView>标签的onTabChange属性对相应的事件执行回调函数：

   <p:tabView onTabChange="handleTabChange(index)">
   //tabs
   </p:tabView>
   

2. 使用<p:ajax>标签的oncomplete属性在AJAX调用成功完成时执行一个JS函数：

           <p:ajax event="tabChange" listener="#{tabBean.onTabChange}" oncomplete="handleOncomplete(xhr, status, args)"/>