TabPanel Class

Standard tab control used to show/hide individual panels.

Constructors

TabPanel( parent, config )

Used to instantiate this class

parent	DOM element in which to render this component
config	Configuration settings (optional). See config options for more information.

closable

If true, will insert a "close" icon into the tab that will allow users to close/remove the tab from the tab panel.

style

Style for individual elements within the component. Note that you can provide CSS class names instead of individual style definitions.

onTabChange( currTab, prevTab )

Called whenever a tab is raised.

addTab( label, el )

Used to add a new tab to the panel.

label	Tab title.
el	Tab contents. Rendered when the tab is active. Accepts strings, DOM elements, and nulls

getTabs( )

Returns an of tabs in the tab panel. Each entry in the array will include the following:

raiseTab( id )

Used to raise a tab

id	Accepts a tab index (stating at 0) or a tab name

removeTab( id )

Used to remove a tab from the tab panel.

id	Accepts a tab index (stating at 0) or a tab name

hideTab( id )

Used to hide a tab in the tab panel. Unlike the removeTab() method, the tab will remain in the tab panel, but in a hidden state.

id	Accepts a tab index (stating at 0) or a tab name

showTab( id )

Used to make a hidden tab visible. See hideTab()

id	Accepts a tab index (stating at 0) or a tab name