primefaces tabView activeIndex 问题

Question

我有 Primefaces TabView 和两个选项卡，如下所示：

<p:tabView dynamic="true" cache="false"
           onTabShow="scrollBottom(#{stanzaBean.activeIndex})"
           tabChangeListener="#{messaggioBean.onTabChange}"
           activeIndex="#{stanzaBean.activeIndex}" >

它工作正常，除了当我更改选项卡时，activeIndex 不会在服务器上更新，并且它始终返回默认值。 我正在使用 primefaces 2.2.1。

谢谢。

Answer 1

按照 PrimeFaces ShowCase 示例，如果您为每个选项卡指定一个 id：

<p:tabView tabChangeListener="#{indexBean.onTabChange}" >
    <p:tab title="tab 0" id="tab0"></p:tab>
    <p:tab title="tab 1" id="tab1" ></p:tab>
    <p:tab title="tab 2" id="tab2"></p:tab>               
</p:tabView>

您可以在 tabChangeListener 中获取该选项卡 id。

public void onTabChange(TabChangeEvent event) {       
    System.out.println("tab id = " + event.getTab().getId());
}

然后您就会知道选择了哪个选项卡。

---

编辑：

有一个开放的 PrimeFaces 问题 1640 TabView：TabChangeListener 中的 activeIndex 错误，始终为 0 关于您遇到的问题。

---

编辑 2：

在 PrimeFaces 5.0 及更高版本中，tabChangeListener 在 tabView 元素上不再可用，但应通过带有 tabChange 事件的显式 ajax 标记来使用。

 <p:tabView id="analysisSections" value="#{analysisBean.analysis.sections}" var="section" activeIndex="#{analysisBean.activeIndex}">
      <p:ajax event="tabChange" listener="#{analysisBean.onTabChange}"/>

您还可以直接获取选项卡的索引：

public void onTabChange(TabChangeEvent event) {
    activeIndex = ((TabView) event.getSource()).getIndex();
}

通过所有这些更改，activeIndex 可以正常工作。

Answer 2

这对我有用：

public void onTabChange(TabChangeEvent event) {
        Tab activeTab = event.getTab();
        tabPanelIndex = ((TabView)event.getSource()).getChildren().indexOf(activeTab);
    }

Answer 3

虽然问题与 PrimeFaces 2.2.1 有关，但我想提一下，在现代 PrimeFaces 版本（使用版本 6.2 进行测试）中，当属性 dynamic 设置为 时，不需要触发单独的事件>true 和 cache 设置为 false。通过使用此属性组合，当选择另一个选项卡时，活动索引会在服务器上自动更新。

Facelet：

<p:tabView activeIndex="#{stanzaBean.activeIndex}"
           cache="false"
           dynamic="true">

Bean：

@Named
@ViewScoped
public class StanzaBean implements Serializable {

    private int activeIndex;

    public int getActiveIndex() {
        return activeIndex;
    }

    /**
     * Automatically called whenever a tab changes and dynamic="true"
     * and cache="false".
     */
    public void setActiveIndex(int activeIndex) {
        this.activeIndex = activeIndex;

        // do other stuff when tab changes
    }

}