Welcome 微信登录

首页 / 操作系统 / Linux / jQuery模仿ExtJS之TabPanel

升级说明代码
  1. fix_0_1:修改了选项卡内容层的HTML没有设置body backgroundColor时,在FF中透明的BUG;   
  2. fix_0_2:添加了窗口resize,TabPanel也随之resize(注:resize触发条件是,TabPanel必须渲染到body上,不设置宽度则会resize宽度,不设置高度则会resize高度);   
  3. fix_0_3:可以在任何容器中自动缩放,随父容器大小改变而改变,但必须保证父容器宽度为百分比或高度为百分比,如果选项卡组件实例化时设置了宽度或高度,则不自动改变;   
  4. fix_0_4:修正了一些小问题,组件更加稳定和易用;   
  5. fix_0_5:有朋友提出需要设置render的宽度和高度,选项卡组件跟随其变化,已经提交;  
1.帮助: TabPanel(选项卡组件参数说明renderTo<string | jQuery object | NULL> 渲染到某容器将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。items<array> 选项卡元素集合选项卡组件渲染后就会显示的选项卡元素集合,具体参数请查看选项卡元素。width<number> 宽度选项卡组件的总宽度,默认400px。height<number> 高度选项卡组件中页面显示层的高度,默认300px。border<string> 是否显示边框嵌套显示选项卡时,会出现重复边框的情况,影响美观,将border设置为”none”,则可以避免,默认显示边框,不接受除”none”之外的参数值。active<number> 渲染后默认激活哪个选项卡元素下标以0为开始,默认为0。maxLength<number> 最多显示几个选项卡元素-1为无限,默认为-1。tabs<return array> 获得选项卡组件所有的选项卡元素可根据需要获得选项卡组件的所有选项卡元素。公共方法addTab(object添加一个选项卡元素动态向选项卡组件中添加一个选项卡元素。flush(string | number刷新选项卡元素的内容将选项卡元素的内容刷新,参数可以为选项卡元素的ID或下标。show(string | number显示选项卡元素显示制定选项卡元素,参数可以为选项卡元素的ID或下标。Kill(string | number关闭选项卡元素关闭选项卡元素,参数可以为选项卡元素的ID或下标。getTabsCount()<return number> 获得选项卡元素数量getTitle(string | number) <return string> 获得选项卡元素的标题setTitle(string | number, string设置选项卡元素的标题getContent(string | number) <return string> 获得选项卡元素的内容setContent(string | number, string设置选项卡元素的内容getDisable(string | number) <return boolean> 选项卡元素是否禁用setDisable(string | number设置选项卡元素是否禁用getCloseable(string | number) <return boolean> 选项卡元素是否可关闭setCloseable(string | number, boolean设置选项卡元素是否可关闭getActiveTab()<return object> 获得被激活的选项卡元素使用方法页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.cssnew TabPanel({  renderTo:"tabs",  width: "100%",  height: "500px",  active: 0,  items: [{    title:"工作中心",    html:"<iframe width="100%" height="100%" frameborder="0"></iframe>",    closable: false  }]});TabPanel item(选项卡元素