jQuery EasyUI 中文API Layout(Tabs)
2010-04-27 00:00
926 查看
Tabs【标签】
创建一个tab标签
使用说明
使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js
html
JQuery代码
Tabs Container特性说明
名称
类型
描述
默认值
width
number
标签容器宽度
auto
height
number
标签容器高度
auto
idSeed
number
应该是生成标签面板的基本id
0
plain
boolean
设置true,标签栏显示背景
false
fit
boolean
设置true,自适应父集容器大小
false
border
boolean
标签容器边框
true
scrollIncrement
number
标签卷按钮被按下,滚动的像素
100
scrollDuration
number
滚动动画持续的毫秒
400
Tabs Container事件说明
名称
参数
描述
onLoad
arguments
ajax面板加载完毕后触发,参数调用跟jQuery.ajax调功能一样
onSelect
title
选中标签面板触发
onClose
title
关闭标签面板触发
Tabs Container方法说明
名称
参数
描述
resize
none
调整容器的布局
add
options
添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明
close
title
关闭一个标签面板,标题参数显示的面板被关闭。
select
title
选中一个标签面板
exists
title
指明特殊面板显示存在。
Tab Panel特性说明
名称
类型
描述
默认值
id
string
标签面板id
null
title
string
标签面板的title
content
string
标签面板的content.
href
string
面板远程加载进来数据的地址.
null
cache
boolean
设置true,缓存标签面板
true
icon
string
标签面板标题上图标css。
null
closable
boolean
设置true,标题上显示一个关闭按钮
false
selected
boolean
设置true,标签面板被选中【默认那个显示在前】
false
width
number
标签面板宽度
auto
height
number
标签面板高度
auto
有些觉得翻译的牵强,肯定也有错的地方,谢谢指出来。
创建一个tab标签
使用说明
使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js
html
<div id="tt" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;"> tab1 </div> <div title="Tab2" closable="true" style="overflow:auto;padding:20px;display:none;"> tab2 </div> <div title="Tab3" icon="icon-reload" closable="true" style="padding:20px;display:none;"> tab3 </div> </div>
JQuery代码
//创建一个标签容器 $('#tt').tabs(options); //增加一个tab面板 $('#tt').tabs('add',{ title:'New Tab', content:'Tab Body', closable:true });
Tabs Container特性说明
名称
类型
描述
默认值
width
number
标签容器宽度
auto
height
number
标签容器高度
auto
idSeed
number
应该是生成标签面板的基本id
0
plain
boolean
设置true,标签栏显示背景
false
fit
boolean
设置true,自适应父集容器大小
false
border
boolean
标签容器边框
true
scrollIncrement
number
标签卷按钮被按下,滚动的像素
100
scrollDuration
number
滚动动画持续的毫秒
400
Tabs Container事件说明
名称
参数
描述
onLoad
arguments
ajax面板加载完毕后触发,参数调用跟jQuery.ajax调功能一样
onSelect
title
选中标签面板触发
onClose
title
关闭标签面板触发
Tabs Container方法说明
名称
参数
描述
resize
none
调整容器的布局
add
options
添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明
close
title
关闭一个标签面板,标题参数显示的面板被关闭。
select
title
选中一个标签面板
exists
title
指明特殊面板显示存在。
Tab Panel特性说明
名称
类型
描述
默认值
id
string
标签面板id
null
title
string
标签面板的title
content
string
标签面板的content.
href
string
面板远程加载进来数据的地址.
null
cache
boolean
设置true,缓存标签面板
true
icon
string
标签面板标题上图标css。
null
closable
boolean
设置true,标题上显示一个关闭按钮
false
selected
boolean
设置true,标签面板被选中【默认那个显示在前】
false
width
number
标签面板宽度
auto
height
number
标签面板高度
auto
有些觉得翻译的牵强,肯定也有错的地方,谢谢指出来。
相关文章推荐
- 总结发布jQuery EasyUI 中文API—Layout(Tabs)
- jQuery EasyUI 中文API Layout(Tabs)
- 总结发布jQuery EasyUI 中文API—Layout(Tabs)
- 总结发布jQuery EasyUI 中文API—Layout(Panel)
- jquery easyui 弹出消息框 (转载) jQuery EasyUI API 中文文档 - 消息框(Messager) http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html
- jQuery EasyUI 中文API Button使用实例
- jQuery EasyUI DataGrid API 中文文档
- Android中文API(116)——TableLayout
- Android7.0中文文档(API)--- AbsoluteLayout
- Android7.0中文文档(API)-- AbsListView.LayoutParams
- jQuery EasyUI 1.2.4 API 中文文档(完整)目录
- jQuery EasyUI 1.2.4 API 中文文档(完整)目录
- jQuery EasyUI API 中文文档 - 布局(Layout)
- jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
- jQuery EasyUI 中文API教程
- jquery easyui tabs layout 记录
- jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
- jQuery EasyUI API 中文文档 - 标签页/选项卡(Tabs)
- jQuery EasyUI API 中文文档 - 布局(Layout)
- android中文api(80)——Gallery.LayoutParams