Jx.TabBox

Extends: Object

Implements: Options, Events, Jx.Addable

A convenience class to handle the common case of a single toolbar directly attached to the content area of the tabs. It manages both a Jx.Toolbar and a Jx.TabSet so that you don’t have to. If you are using a TabBox, then tabs only have to be added to the TabBox rather than to both a Jx.TabSet and a Jx.Toolbar.

Example

var tabBox = new Jx.TabBox('subTabArea', 'top');

var tab1 = new Jx.Button.Tab('Tab 1', {contentID: 'content4'});
var tab2 = new Jx.Button.Tab('Tab 2', {contentID: 'content5'});

tabBox.add(tab1, tab2);

License

This file is licensed under an MIT style license

Summary

Jx.TabBox	Extends: Object
Options
parent	a DOM element to add the tab box to
position	the position of the tab bar in the box, one of ‘top’, ‘right’, ‘bottom’ or ‘left’.
height	a fixed height in pixels for the tab box.
width	a fixed width in pixels for the tab box.
scroll	should the tab bar scroll its tabs if there are too many to fit in the toolbar, true by default
Properties
tabBar	{Jx.Toolbar} the toolbar for this tab box.
tabSet	{Jx.TabSet} the tab set for this tab box.
Constructor
Jx.TabBox	Create a new instance of a TabBox.
Functions
add	Add one or more <Jx.Tab>s to the TabBox.
remove	Remove a tab from the TabSet.

Options

parent

a DOM element to add the tab box to

position

the position of the tab bar in the box, one of ‘top’, ‘right’, ‘bottom’ or ‘left’. Top by default.

height

a fixed height in pixels for the tab box. If not set, it will fill its container

width

a fixed width in pixels for the tab box. If not set, it will fill its container

scroll

should the tab bar scroll its tabs if there are too many to fit in the toolbar, true by default

Properties

tabBar

{Jx.Toolbar} the toolbar for this tab box.

tabSet

{Jx.TabSet} the tab set for this tab box.

Constructor

Jx.TabBox

Create a new instance of a TabBox.

Parameters

options

Jx.TabBox.Options

Functions

add

add : function()

Add one or more <Jx.Tab>s to the TabBox.

Parameters

tab	{<Jx.Tab>} an instance of <Jx.Tab> to add to the tab box. More than one tab can be added by passing extra parameters to this method. Unlike Jx.TabSet, tabs do not have to be added to a separate Jx.Toolbar.

remove

remove : function( tab )

Remove a tab from the TabSet.

Parameters

tab	{<Jx.Tab>} the tab to remove.