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)
To set tab title.
| String | id | Item id. |
| String | title | Tab title. |