EasyUI(一)_布局类组件(2:tabs)

参考书籍《jQuery EasyUI 网站开发实战》

tabs选项卡

       属性

           ->选项卡尺寸

                  -->是否铺满容器 fit-false-boolean

                  -->宽度 width-auto-number（属性名-默认值-值类型）

                  -->高度 height-auto-number

                  -->显示控制面板背景 plain-false-boolean

           ->选项卡

                  -->选项卡位置 tabPosition-top-string(top,bottom,left,right)

                          --->选项卡标题宽度(tabPosition= left or right) headerWidth-150-number

                  -->等宽标题选项卡  justified-false-boolean

                  -->删除标题间距离 narrow-false-boolean

                  -->选项卡样式气泡状 pill-false-boolean

                  -->头部设置工具栏 tools-null-array_selector

                          --->工具栏位置 toolPosition-right-string(left,right)

                  -->滚动像素值 scrollIncrement-100-number

                  -->滚动动画持续时间 scrollDuration-400-number

           ->标签条

                  -->显示标签页标题 showHeader-true-boolean

                  -->宽度 tabWidth-auto-number

                  -->高度 tabHeight-27-number

                  -->默认选中标签条 selected-0-number

       方法 

           ->选项卡

                  -->返回

                          --->选项卡属性  option-none（方法名-参数）

                          --->所有 选项卡面板对象  tabs-none

                          --->指定 选项卡面板对象 getTab-which

                          --->当前 选项卡面板对象 getSelected-none

                          --->指定 选项卡面板索引 getTabIndex-tab

                  -->设置

                          --->重置 选项卡容器大小和布局 resize-none

                          --->启用 指定 选项卡 enableTab-which

                          --->禁用 指定 选项卡 disableTab-which

                          --->滚动选项卡标题指定像素数量 scrollBy-deltaX(-向右，+向左)

                  -->操作

                          --->关闭 指定 选项卡 close-which

                          --->选择 指定 选项卡 select-which

                          --->取消选择 指定 选项卡 unselect-which

                          --->添加 新 选项卡 add-options

                          --->更新 指定 选项卡update-param

           ->标签

                  -->显示 选项卡标签头 showHeader-none

                  -->隐藏 选项卡标签头 hideHeader-none

           ->工具栏 

                  -->显示 工具栏 showTool-none 

                  -->隐藏 工具栏 hideTool-none

       事件

          ->选择 选项卡 触发 onSelect-title,index(事件名-参数)

          ->取消选择 选项卡  触发onUnselect-title,index

          ->关闭 选项卡 前 触发 onBeforeClose-title,index

          ->关闭 选项卡 触发 onClose-title,index

          ->添加 选项卡 触发 onAdd-title,index

          ->更新 选项卡 触发 onUpdate-title,index

          ->加载完远程数据 并 选择该选项卡 触发 onLoad-panel

          ->右键单击选项卡页签 触发 onContexMenu-e,title,index