jQuery模仿ExtJS之TabPanel最新

时间:2014-03-17 08:06:28
【文件属性】:

文件名称: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

网友评论

  • 觉得还行,参考后用于项目中了 感谢!~
  • 也就是一般,帮助不大。
  • 很好的资源,感谢楼主分享。
  • 不错的资源,可以下载看看
  • 学习一下还是可以的
  • 可以用,还行
  • 例子可以,可以学习一下
  • 很好用,就是我想要的,谢谢了,如果有API就更好了
  • 很好很强大 ,还是非常好用的,自己再改改更好!K数也不大 蛮适合做前端的框架
  • 这个确实不错了。调用简单
  • 控件还可以,省得自己去实现,自己根据需要做了一些调整
  • 文档挺有帮助的,谢谢了
  • 还不错,其实jquery已经有很多ext的效果了
  • 例子很不错的
  • 不错的控件
  • 如果能注释清楚就更好了
  • 基本还行,但和Ext还是有差距呀,还需加油!
  • 挺好的,不过还是使用extjs效果比较好。可能就是学习起来比较复杂而已。
  • 基本可以实现,但是还有很多可以完善,但是起码提供了一个方向
  • 真心觉得例子写得简单了点,而且功能也较为简陋,还是EXT全面一些
  • 现在觉得,还是用一整套框架的好些
  • 确实如上家所说,不过用ext的话,加载就比较慢,各有各好处
  • 还不错,其实jquery已经有很多ext的效果了,不过事实上,ext还是会比较强大
  • 和EXT还有一定差距
  • 谢谢,tab标题长度固定了,自适应好一点
  • 谢谢,tab标题长度固定了,自适应好一点 学习一下!
  • 学习一下!谢谢,tab标题长度固定了,自适应好一点
  • 是模仿EXT的,但功能还有点弱,比如拖动tab标题等都没有