实例Demo

参数说明

 

Config

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.

 

1. //heigh config
2. 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.

 

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

复制

widthResizable

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

Method

addTab(item)

To add a new tab.

Object

item

Object for item profile.

 

 

 

 

 

 

 

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

复制

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.

String

id

item id.

getContent(id)

To get tab inner html.

String

id

item id.

getDisable(id)

To determine whether tab is disabled or not.

String

id

item id.

getTabPosision(id)

To get tab index.

Return Number - index of tab.

String

id

item id.

getTabsCount()

To get how many tabs are in the panel.

Return Number - Number of tabs .

getTitle(id)

To get tab title.

String

id

item id.

kill(id)

To close tab.

String

id

item id.

refresh(id)

To refresh tab content.

String

id

item id.

setClosable(id,  True)

To enable or disable end user to close tab.

String	id	Item id.
Booleaan	True	for closable, false for not.

setContent(id,  title)

To set tab title.

String	id	Item id.
String	title	Tab inner html.

setDisable(id,  True)

To enable or disable tab.

String	id	Item id.
Booleaan	True	for disabled, false for enabled.

setRenderWH(wh)

To set width and height of the panel.

Object

wh

width and height.

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

复制

 

setTitle(id,  title)

To set tab title.

String	id	Item id.
String	title	Tab title.