Richfaces 4 tabPanel actionListener 在第一次调用时不起作用

Question

我在使用 JSF2 在 Richfaces 4 中创建工作 tabPanel 时遇到问题。

每次我选择一个选项卡时，我都可以看到 ajax 请求已发送，但它没有调用我的支持 bean 中的 actionListener 方法（我通过在调试模式下运行知道这一点）。

当我再次选择该选项卡时，它将起作用（我再次处于调试模式，并且可以看到它进入 myBean.activateTab 方法）。

TabPanelTest.xhtml

<h:form id="myFormTest">

    <rich:tabPanel id="myTabPanel" value="Tab1" activeItem="#{myBean.tabState.selectedTab}"
        switchType="ajax">

        <rich:tab id="Tab1" label="Tab 1" actionListener="#{myBean.activateTab}">

            <ui:include src="myTab.xhtml">
                <ui:param name="filterText" value="Tab 1" />
            </ui:include>

        </rich:tab>

        <rich:tab id="Tab2" label="Tab 2" actionListener="#{myBean.activateTab}">

            <ui:include src="myTab.xhtml">
                <ui:param name="filterText" value="Tab 2" />
            </ui:include>

        </rich:tab>
    </rich:tabPanel>
</h:form>

myBean.java

public void activateTab(ActionEvent ae)
{
    String componentId = ae.getComponent().getId();
}

非常感谢任何帮助。

Answer 1

好吧......我最终自己找到了解决方案！

我从每个 rich:tab 中删除了 actionListener，而是使用 a4j:ajax 来监听 itemChanges

<h:form id="myFormTest">

              <rich:tabPanel id="myTabPanel" value="Tab1" activeItem="#{myBean.tabState.selectedTab}"
                        switchType="ajax">

                    <a4j:ajax event="itemchange" onerror="handleAjaxError" listener="#{myRequestsBean.activateTab}" render="myTabPanel" />

                        <rich:tab id="All" header="#{messages['test.allTab']}"  name="#{messages['test.allTab']}">

                                  <ui:include src="myTab.xhtml">
                                            <ui:param name="filterText" value="{messages['MyRequests.allFilter']}" />
                                  </ui:include>

                        </rich:tab>

                        <rich:tab id="Pending" header="#{messages['MyRequests.pendingTab']}" name="#{messages['MyRequests.pendingTab']}">

                                  <ui:include src="myTab.xhtml">
                                            <ui:param name="filterText" value="#{messages['MyRequests.pendingFilter']}" />
                                  </ui:include>

                        </rich:tab>
              </rich:tabPanel>
    </h:form>