jQuery wdScrollTab

jQuery wdScrollTab

实例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.

			
	//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

addTab(item)

To add a new tab.

Object	item	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.

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.

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

setTitle(id, title)