单击按钮后如何更改活动选项卡

Question

我使用了 PrimeFaces 组件 tabView 并且我有如下代码。

 <p:tabView id="tabs" dynamic="true" cache="false">
    <p:tab id="tab1">
         <ui:include src="/some/path/page.xhtml"/>
    </p:tab>
    <p:tab id="tab2">
         <ui:include src="/some/path/page2.xhtml"/>
    </p:tab>
    <p:tab id="tab3">
         <ui:include src="/some/path/page3.xhtml" />
    </p:tab>
</p:tabView>

在第 3 页上，我有 ajax commandButton，如下所示。

<p:commandButton actionListener="#{bean.method(parameter)}" ajax="true" value="Add" />

当 bean 中的方法完成时，我需要切换到 tab1。谢谢你的帮助。

Answer 1

您必须添加：

activeIndex

您的 tabView 的属性：

<p:tabView id="tabs" dynamic="true" cache="false" activeIndex="1" >

单击按钮后如何更改活动选项卡

How to change active tab after button click

primefaces

tabview

commandbutton