jsf - 单击特定选项卡时调用 JavaScript

Question

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

请指教，谢谢。

Answer 1

有两种方法可以连接标签更改事件:

1. 使用 onTabChange <p:tabView> 的属性标记以在适当的事件上执行回调函数:

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

2. 使用 oncomplete <p:ajax> 的属性当 AJAX 调用成功完成时执行 JS 函数的标记:

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