如何使用命令按钮以相同形式切换 p:tab

Question

如何使用命令按钮切换到选项卡 ()？

Answer 1

还有一个名为 selectTab(index) 的客户端 api 方法；

<p:commandButton type="button" onclick="widgetvar.selectTab(2)" value="Show" />

Answer 2

p:tabView 有一个属性 activeIndex，它是“活动选项卡的索引”（Primefaces 文档）。

您可以通过 p:commandButton 的操作方法设置此属性：

<p:commandButton value="Switch tab" action=#{myBean.switchTab} />

在支持 bean 中定义一个操作方法 switchTab() 并让它设置一个成员 activeTab。

然后使用此成员设置您的活动选项卡

<p:tabView activeIndex=#{myBean.activeTab}>

如果您的服务器支持 EL 2.2，您可以通过操作方法调用设置活动选项卡的索引：

<p:commandButton value="Switch tab" action=#{myBean.switchTab(2)} />

然后您可以使用操作方法调用的参数直接设置活动索引。

Answer 3

我使用 Primefaces 5.1，我所做的是将我的 tabView 绑定在 ManagedBean 中，并在那里设置 activeIndex

在你的 JSF

<h:form prependId="false" id="form">
    <p:tabView id="tabPanel" widgetVar="tabPanel" binding="#{managedBean.tabView}" dynamic="true">
        <p:tab title="tab" >
        <p:commandButton action="#{managedBean.getBla}"
              icon="ui-icon-search" update=":form:tabPanel" immediate="true" >
              ...  

在你的 ManagedBean 中

private TabView tabView;
public TabView getTabView() {
    return tabView;
}

public void setTabView(TabView tabView) {
  this.tabView = tabView;

}

然后在你在 commandButton 操作中调用的方法中，你只需执行一个
tabView.setActiveIndex(1);

希望它有效:)

Answer 4

使用命令按钮以相同形式切换 p:tab
仅在客户端，您可以使用 widgetVar 来选择/查看选项卡，如下所示：

注意：第一个选项卡的 tabIndex 将从 0 开始。

<p:commandButton type="button" onclick="PF('tabWidgetVar').select(1)" value="Next" />

在服务器端，您可以使用 activeIndex 属性绑定一个整数变量p:tab 的然后执行方法来设置索引。