Apache Struts 2 Documentation > Home > Guides > Tag Developers Guide > Struts Tags > Tag Reference > UI Tag Reference > tabbedPanel
Added by digi9ten, last edited by Don Brown on Jan 06, 2007  (view change)

Description

The tabbedpanel widget is primarily an AJAX component, where each tab can either be local content or remote content (refreshed each time the user selects that tab).

This tag only works with the ajax theme. Be sure to read up on the theme before using this tag.

Parameters

Name

Required

Default

Evaluated

Type

Description

accesskey false true String Set the html accesskey attribute on rendered html element
closeButton false true String Where the close button will be placed, possible values are 'tab' and 'pane'
cssClass false true String The css class to use for element
cssStyle false true String The css style definitions for element ro use
disabled false true String Set the html disabled attribute on rendered html element
doLayout false false true Boolean If doLayout is false, the tab container's height equals the height of the currently selected tab
id true true String The id to assign to the component.
key false true String Set the key (name, value, label) for this particular component
label false true String Label expression used for rendering a element specific label
labelposition false true String Define label position of form element (top/left)
name false true String The name to set for element
onblur false true String Set the html onblur attribute on rendered html element
onchange false true String Set the html onchange attribute on rendered html element
onclick false true String Set the html onclick attribute on rendered html element
ondblclick false true String Set the html ondblclick attribute on rendered html element
onfocus false true String Set the html onfocus attribute on rendered html element
onkeydown false true String Set the html onkeydown attribute on rendered html element
onkeypress false true String Set the html onkeypress attribute on rendered html element
onkeyup false true String Set the html onkeyup attribute on rendered html element
onmousedown false true String Set the html onmousedown attribute on rendered html element
onmousemove false true String Set the html onmousemove attribute on rendered html element
onmouseout false true String Set the html onmouseout attribute on rendered html element
onmouseover false true String Set the html onmouseover attribute on rendered html element
onmouseup false true String Set the html onmouseup attribute on rendered html element
onselect false true String Set the html onselect attribute on rendered html element
openTemplate false true String Set template to use for opening the rendered html.
required false false true Boolean If set to true, the rendered element will indicate that input is required
requiredposition false true String Define required position of required form element (left|right)
selectedTab false true String The id of the tab that will be selected by default
tabindex false true String Set the html tabindex attribute on rendered html element
template false true String The template (other than default) to use for rendering the element
templateDir false true String The template directory.
theme false true String The theme (other than default) to use for rendering the element
title false true String Set the html title attribute on rendered html element
tooltip false true String Set the tooltip of this particular component
tooltipConfig false true String Set the tooltip configuration
value false true String Preset the value of input element.

Examples

The following is an example of a tabbedpanel and panel tag utilizing local and remote content.

<s:tabbedPanel id=&quot;test&quot; >
   <s:div id=&quot;one&quot; label=&quot;one&quot; theme=&quot;ajax&quot; labelposition=&quot;top&quot; >
       This is the first pane<br/>
       <s:form>
           <s:textfield name=&quot;tt&quot; label=&quot;Test Text&quot;/>  <br/>
           <s:textfield name=&quot;tt2&quot; label=&quot;Test Text2&quot;/>
       </s:form>
   </s:div>
   <s:div id=&quot;three&quot; label=&quot;remote&quot; theme=&quot;ajax&quot; href=&quot;/AjaxTest.action&quot; >
       This is the remote tab
   </s:div>
</s:tabbedPanel>