如何使用命令按鈕以相同形式切換p：選項卡

Question

如何使用命令按鈕切換到選項卡（<p:tab>）？

Answer 1

p:tabView有一個屬性activeIndex即「活動標籤的索引」（Primefaces Documentation）。

你可以從你的p:commandButton的操作方法來設置該屬性：

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

定義的操作方法switchTab（）在支撐bean，讓它設置一個成員activeTab。

然後用這個成員設置你的活動標籤

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

如果您的服務器支持EL 2.2，您可以設置活動選項卡與行動方法調用的指標：

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

然後你可以使用您的操作方法調用的參數直接設置活動索引。

Answer 2

還有一個名爲selectTab（index）的客戶端API方法;

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

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

要切換號碼：使用命令按鈕 在客戶端相同的形式選項卡僅您可以使用widgetVar來選擇/查看標籤，如下所示：

注意：tabIndex將從第一個選項卡的0開始。

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

在服務器側就可以一個整數變量綁定與p的activeIndex屬性：標籤，然後EXCUTE方法來設置的索引。