No action/actionListener for tabs when switchtype=client?

[robinho]

Hello everyone,

I'm using a tabPanel to switch between different pages, which use different kind of data. The pages all have a couple of forms.

Since i didn't want to load all data for every page i just used one Data object and only loaded the required data per page.

I did this by using the actionListener for every tab like shown below.

This worked great for me in 3.3.1 because i could use switch type ajax.

Now in RF 4.2.3 i have to surround the tabPanel with a form when using switchtype ajax.

If doing so my forms inside the tab's won't work anymore so i switched to switchType=client, because no surrounding form is needed.

But now my actionListeners won't work anymore. I tried different approaches:

action or actionListener for rich:tab, valueChangeListener for tabPanel,

ontabenter for rich:tab, nothing works. I even tried it with simple alerts but it never gets called.

MyPage

<rich:tabPanel switchType="client" id="tabPanel">

                 <rich:tab

                    actionListener="#{MyBean.changeDataToA}"

                     id="backendUKBankDataTab">

                    <f:facet name="header">

                        <h:outputText value="#{msg.label_DataA}" />

                    </f:facet>

                    <ui:include

                        src="tabs/aTab.xhtml" />

                </rich:tab>

               <rich:tab

                    actionListener="#{MyBean.changeDataToB}"

                     id="backendUKBankDataTab">

                    <f:facet name="header">

                        <h:outputText value="#{msg.label_DataB}" />

                    </f:facet>

                    <ui:include

                        src="tabs/bTab.xhtml" />

                </rich:tab>

</rich:tabPanel>

MyBean:

...

public void changeDataToA(ActionEvent e) {

        data = loadData("a");

    }

public void changeDataToB(ActionEvent e) {

        data = loadData("b");

    }

...

Anybody got a solution for this?

[iabughosh]

Hello robinho,

I faced a problem like that before, when you use switchType="client" you can't use action or actionListener, so you can use JS actions combined with a4j:jsFunction :

<rich:tabPanel>

     <rich:tab onxxx="myJS()">

          <h:form>

               <a4j:jsFunction name="myJS" action="#{yourBean.action}" />

          </h:form>         

     </rich:tab>

</rich:tabPanel>

regards.

[robinho]

It still doesn't work.

As I said even an ontabenter="alert('test')" is not called.

Absolutely nothing is happening when moving between tabs.

[iabughosh]

check your browser for javascript errors.

[robinho]

No JS errors, neither in IE nor Firefox.

Thanks for your help btw.

[iabughosh]

can you attach your xhtml page ?

[robinho]

Unfortunately I cannot provide the actual code but basically the code I posted above is about it.

I just changed some labels and method names.

Is it possible that "nested" tabpanels can cause errors?

My page contains a tabpanel. A tab inside this tabpanel contains another tabpanel.

As I said the code worked in an older version of richfaces so generally it should be ok.