easyui标签(tabs)用法

下载文档

ID：32398988

大小：206.50 KB

页数：11页

时间：2019-02-04

收藏

资源描述：

《easyui标签(tabs)用法》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、用法示例创建tabs1.经由标记创建Tabs从标记创建Tabs更容易，我们不需要写任何JavaScript代码。记住把'easyui-tabs'类添加到

标记，每个tabpanel经由子

标记被创建，其用法与Panel一样。1.2.3.tab14.

5.

2、ble="true"style="overflow:auto;padding:20px;display:none;">6.tab27.

8.9.tab310.

11.

3、n(title){4.alert(title+'isselected');5.}6.});增加新的tabpanel1.//增加一个新的tabpanel2.$('#tt').tabs('add',{3.title:'NewTab',4.content:'TabBody',5.closable:true6.});获取选中的Tab1.//获取选中的tabpanel和它的tab对象2.varpp=$('#tt').tabs('getSelected');3.vartab=pp.panel('options').tab;//相应的tab对象特性名称类型说明默认

4、值widthnumberTabs容器的宽度。autoheightnumberTabs容器的高度。autoplainbooleanTrue就不用背景容器图片来呈现tab条。falsefitbooleanTrue就设置Tabs容器的尺寸以适应它的父容器。falseborderbooleanTrue就显示Tabs容器边框。truescrollIncrementnumber每按一次tab滚动按钮，滚动的像素数。100scrollDurationnumber每一个滚动动画应该持续的毫秒数。400toolsarray右侧工具栏，每个工具选项都和Linkbutto

5、n一样。null事件名称参数说明onLoadpanel当一个ajaxtabpanel完成加载远程数据时触发。onSelecttitle当用户选择一个tabpanel时触发。onBeforeClosetitle当一个tabpanel被关闭前触发，返回false就取消关闭动作。onClosetitle当用户关闭一个tabpanel时触发。onAddtitle当一个新的tabpanel被添加时触发。onUpdatetitle当一个tabpanel被更新时触发。onContextMenue,title当一个tabpanel被右键点击时触发。方法名称参数说明o

6、ptionsnone返回tabsoptions。tabsnone返回全部tabpanel。resizenone调整tabs容器的尺寸并做布局。addoptions增加一个新的tabpanel，options参数是一个配置对象，更多详细信息请参见tabpanel特性。closetitle关闭一个tabpanel，title参数是指被关闭的panel。getTabtitle获取指定的tabpanel。getSelectednone获取选中的tabpanel。selecttitle选择一个tabpanel。existstitle是指是否存在特定的panel

7、。updateparam更新指定的tabpanel，param包含两个特性：tab：被更新的tabpanel。options：panel的options。TabPanelTabpanel特性被定义在panel组件里，下面是一些常用的特性。名称类型说明默认值titlestringTabpanel的标题文字。contentstringTabpanel的内容。hrefstring加载远程内容来填充tabpanel的URL。nullcachebooleanTrue就在设定了有效的href特性时缓存这个tabpanel。trueiconClsstring显示在

8、tabpanel标题上的图标的CSS类。nullwidthnumberTabpanel的宽度。autohei