如果为ture则设置标签的大小以适应它的
fit border scrollIncrement scrollDuration
数字
每次滚动持续的毫秒数
400
数字
滚动按钮每次被按下时滚动的像素值
100
布尔
容器的父容器
如果为true则显示标签容器的边框
false
布尔
true
事件
事件名
参数 描述
当一个AJAX标签加载远程数据完成时被触发,参数和
onLoad onSelect onClose
arguments title title
jQuery.ajax成功返回的回调函数相同
当用户选择一个标签面板时被触发
当用户关闭一个标签面板时被触发
方法
方法名
参数 描述
resize none
调整标签容器的大小和布局
添加新标签面板,可选参数是一个配置对象,详细信息可以查看下面的标签面板属性
add close select
options title title
关闭一个标签面板,标题参数表明被关闭的面板
选择一个标签面板
exists title
指示特定的标签是否存在
标签面板属性
属性名 类型
描述 默认值
id title content href
字符串
标签面板的ID属性 null
字符串 标签面板的文本标题
字符串 标签面板的主体内容
填充标签内容的远程URL地址
字符串
null
如果为true,当设置href时,对标签面板进行缓
cache icon
布尔
存
标签面板上标题的图标CSS类
true
字符串
null
如果为true,标签面板会显示出关闭按钮,点击
closable selected width height 演示
布尔
可以关闭选项卡面板。
如果为true,标签标签面板将被选中
false
布尔
false
数字 标签面板的宽度
auto auto
数字 标签面板的高度
总结发布jQuery EasyUI 中文API—Layout(Tabs)
作者:rainweb 日期:2010-04-15
字体大小: 小 中 大
Tabs【标签】
创建一个tab标签
使用说明
使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js
HTML代码
? ? ? ? ?
tab1
style=\> ? ? ?
tab2
style=\> ?
tab3
?? ??
JQuery代码
?? //创建一个标签容器
?? $('#tt').tabs(options); ??
?? //增加一个tab面板 ?? $('#tt').tabs('add',{ ?? title:'New Tab',
?? content:'Tab Body', ?? closable:true ?? });
Tabs Container特性说明
名称
类型 nu
width
mber nu
height
mber nu
idSeed
mber boo
plain
lean boo
fit
lean boo
border
lean
scrollIncrement
number number
滚动动画持续的毫秒
400
标签卷按钮被按下,滚动的像素
100
标签容器边框
true
设置true,自适应父集容器大小
false
设置true,标签栏显示背景
false
应该是生成标签面板的基本id
0
标签容器高度
auto
标签容器宽度
auto
描述
默认值
scrollDuration
Tabs Container事件说明
名称 onLoad
参数 arguments
描述
ajax面板加载完毕后触发,参数调用跟jQuery.ajax调功能一样
选中标签面板触发 关闭标签面板触发
onSelect title onClose
title
Tabs Container方法说明
名称
参数
调整容器的布局
描述
resize none add close
options 添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明 title
关闭一个标签面板,标题参数显示的面板被关闭。 选中一个标签面板 指明特殊面板显示存在。
select title exists
title
Tab Panel特性说明
名称 id title content
类型
string 标签面板id string 标签面板的title string 标签面板的content.
描述
默认值 null
href string 面板远程加载进来数据的地址. cache boolean
设置true,缓存标签面板
icon string 标签面板标题上图标css。 closabooleble an 设置true,标题上显示一个关闭按钮
selectbooleed an 设置true,标签面板被选中【默认那个显示在前】width number 标签面板宽度 heighnumt
ber
标签面板高度
有些觉得翻译的牵强,肯定也有错的地方,谢谢指出来。
null true null false
false
auto
auto