AjaxTags Tutorial (Part 1)

By : Mamun Zaman Jul 08, 2007

Printer friendly

Tabs

In previous articles, we used JMaki to create a tabbed panel. Here is a tabbed page using ajax:tab and ajax:tabPanel.

<ajax:tabPanel
panelStyleId="tabPanel"
contentStyleId="tabContent"
currentStyleId="ajaxCurrentTab">
<ajax:tab caption="Tab1"
baseUrl="htmlcontent.view?param=value1"
defaultTab="true"/>
<ajax:tab caption="Tab2"
baseUrl="htmlcontent.view"
parameters="param=value2"/>
<ajax:tab caption="Tab3"
baseUrl="htmlcontent.view"
parameters="param=value3"/>
</ajax:tabPanel>

We can include parameters in baseUrl like HTTP GET, or we can use the parameters attribute. Here we created a tab panel of 3 tabs, and made tab1 default.

I tried to give an introduction about AjaxTags, in Part 2 we will continue to discuss more tags involved in creating an AJAX application.