Richfaces 4 tabPanel actionListener не работает при первом вызове - PullRequest
Новая
       3

Richfaces 4 tabPanel actionListener не работает при первом вызове

3 голосов
/ 24 октября 2011

У меня проблемы с созданием рабочей tabPanel в Richfaces 4 с JSF2.

Каждый раз, когда я выбираю вкладку, я вижу, что ajax-запрос был отправлен, но он НЕ вызывает метод 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();
}



Любая помощь с благодарностью.

1 Ответ

1 голос
/ 01 ноября 2011

Хорошо .... Я в конце концов нашел решение сам!

Я удалил actionListener из каждой вкладки rich: и вместо этого использовал 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>
...