Tab Ajax

A simple tab group. The second tab is disabled.

One Two (disabled) Three

First tab.

This example show the different headers if the label or the image is used.

Only label Label with image 4

Only a label is set.

<tc:tab label="Only label"/>

The image in the header depends on what tab is currently selected.

<tc:tabGroup selectedIndex="#{tabController.index}">

One Two Three

First folder open.

The <tc:tabChangeListener/> tag is used to bind a TabChangeListener. The TabChangeListener is an interface, which is implemented in this example by SimpleTabChangeListener.

<tc:tabChangeListener type="org.apache.myfaces.tobago.example .demo.actionlistener.SimpleTabChangeListener" binding="#{tabController.tabChangeListener}"/>

One Two Three

Changed to tab one.

Data from the tab group above

NewTabIndex-1 ClientID TabChangedCount0

If no switch type is activated with switchType="none", you have full control over the tab group. In this example the tabs are used as buttons to refresh the timestamps. The functionallity of switching the tab comes explicitly by adding the id of the tab group to the ajax tag.

One Two Three

One

Area outsite of the tab group

Timestamp One1716059378994 Timestamp Two1716059378994 Timestamp Three1716059378994