Config

activeautoResizableborderheight
heightResizableitemsrenderTowidth
widthResizable

active

Number   Active tab index. Base on 0.

autoResizable

Boolean   Whether panel resizes itself according to content.

border

Boolean   To show border or not.

height

String   Initialization height.

//heigh config
 height : '200px'// or '100%'.

heightResizable

Booean   Whether end user can change panel height by mouse dragging.

items

Array   Tab items array.

renderTo

String or JQuery object   To specify where tab panel will be placed. It could be a DOM id or jquery object.

width

String   Initialization width.

// width config, in px or percentage.
 width : '200px'// or '100%'.

widthResizable

Boolean   Whether end user can change panel width by mouse dragging.

Method

addTabgetActiveIndexgetActiveTabgetClosable
getContentgetDisablegetTabPosisiongetTabsCount
getTitlekillrefreshsetClosable
setContentsetDisablesetRenderWHsetTitle

addTab(item)

To add a new tab.

Objectitem Object for item profile.

//to add a new tab
 addTab({id:"newtabid",
    title:"I am new" ,
    html:"some new message goes here",
    closable: true,
    disabled:false,
    icon:"image/new.gif"
 });

getActiveIndex()

To get index of active tab.

Return Number - index of active tab.

getActiveTab()

To get active tab.

Return Object - Profile of active tab.

getClosable(id)

To determine whether tab is closable or not.

Stringid item id.

getContent(id)

To get tab inner html.

Stringid item id.

getDisable(id)

To determine whether tab is disabled or not.

Stringid item id.

getTabPosision(id)

To get tab index.

Return Number - index of tab.

Stringid item id.

getTabsCount()

To get how many tabs are in the panel.

Return Number - Number of tabs .

getTitle(id)

To get tab title.

Stringid item id.

kill(id)

To close tab.

Stringid item id.

refresh(id)

To refresh tab content.

Stringid item id.

setClosable(id,  True)

To enable or disable end user to close tab.

Stringid Item id.
BooleaanTrue for closable, false for not.

setContent(id,  title)

To set tab title.

Stringid Item id.
Stringtitle Tab inner html.

setDisable(id,  True)

To enable or disable tab.

Stringid Item id.
BooleaanTrue for disabled, false for enabled.

setRenderWH(wh)

To set width and height of the panel.

Objectwh width and height.

//To set tab height and width
 setRenderWH({width:'200px', height:'400px'});

setTitle(id,  title)

To set tab title.

Stringid Item id.
Stringtitle Tab title.