【文件属性】:
文件名称:jQuery模仿ExtJS之TabPanel最新
文件大小:52KB
文件格式:ZIP
更新时间:2014-03-17 08:06:28
jQuery模仿ExtJS之TabPanel 选项卡效果 选项卡
1.帮助:
TabPanel(选项卡组件)
参数说明
renderTo 渲染到某容器
将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。
items 选项卡元素集合
选项卡组件渲染后就会显示的选项卡元素集合,具体参数请查看选项卡元素。
width 宽度
选项卡组件的总宽度,默认400px。
height 高度
选项卡组件中页面显示层的高度,默认300px。
border 是否显示边框
嵌套显示选项卡时,会出现重复边框的情况,影响美观,将border设置为”none”,则可以避免,默认显示边框,不接受除”none”之外的参数值。
active 渲染后默认激活哪个选项卡元素
下标以0为开始,默认为0。
maxLength 最多显示几个选项卡元素
-1为无限,默认为-1。
tabs 获得选项卡组件所有的选项卡元素
可根据需要获得选项卡组件的所有选项卡元素。
公共方法
addTab(object) 添加一个选项卡元素
动态向选项卡组件中添加一个选项卡元素。
flush(string | number) 刷新选项卡元素的内容
将选项卡元素的内容刷新,参数可以为选项卡元素的ID或下标。
show(string | number) 显示选项卡元素
显示制定选项卡元素,参数可以为选项卡元素的ID或下标。
Kill(string | number) 关闭选项卡元素
关闭选项卡元素,参数可以为选项卡元素的ID或下标。
getTabsCount() 获得选项卡元素数量
getTitle(string | number) 获得选项卡元素的标题
setTitle(string | number, string) 设置选项卡元素的标题
getContent(string | number) 获得选项卡元素的内容
setContent(string | number, string) 设置选项卡元素的内容
getDisable(string | number) 选项卡元素是否禁用
setDisable(string | number) 设置选项卡元素是否禁用
getCloseable(string | number) 选项卡元素是否可关闭
setCloseable(string | number, boolean) 设置选项卡元素是否可关闭
getActiveTab() 获得被激活的选项卡元素
使用方法
页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css
new TabPanel({
renderTo:'tabs',
width: '100%',
height: '500px',
active: 0,
items: [{
title:'工作中心',
html:'',
closable: false
}]
});
TabPanel item(选项卡元素)
参数说明
id 元素ID
必须唯一,或者不设置该参数,否则将无法添加到选项卡组件中,默认自动生成。
title 元素标题
可以动态设置。
closeable 是否可关闭
true可关闭,false不可关闭,默认为true。
【文件预览】:
css
----core.css(2KB)
----WindowPanel.css(1KB)
----TabPanel.css(3KB)
----Toolbar.css(4KB)
toolbar&tabpanel.html
image
----send.gif(294B)
----TabPanel()
--------scroll-right.gif(1KB)
--------scroll-left.gif(1KB)
--------tab-bg-active.gif(98B)
--------tab-bg.gif(96B)
--------tab-content-bg.gif(835B)
--------tab-close.gif(896B)
----Toolbar()
--------bg.gif(896B)
--------fix_bg.gif(88B)
--------tb_border.gif(1KB)
--------fix_border_2.gif(79B)
--------fix_border.gif(109B)
--------fix_bg_2.gif(63B)
----delete.gif(244B)
----role-setup.gif(372B)
----search.gif(346B)
----all.gif(367B)
----new.gif(1010B)
----edit.gif(946B)
----save.gif(384B)
----read-y.gif(579B)
----read-n.gif(579B)
----sended.gif(350B)
----linked.gif(325B)
----WindowPanel()
--------window-close.gif(164B)
--------title-bg.gif(896B)
blank.html
js
----TabPanel.js(25KB)
----Fader.js(2KB)
----Drag.js(615B)
----Toolbar.js(13KB)
----Math.uuid.js(374B)
----jquery.js(68KB)
----WindowPanel.js(7KB)
scrollTest.html