jQuery EasyUI 中文API Layout(Tabs)
更新时间:2010年04月27日 23:16:24 作者:
发布jQuery EasyUI 中文API—Layout(Tabs)总结,需要的朋友可以参考下。
Tabs【标签】
创建一个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特性说明
|
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 中文帮助文档和扩展实例
- Jquery api 速查表分享
- 不同的jQuery API来处理不同的浏览器事件
- jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
- jQuery EasyUI API 中文文档 - Tree树使用介绍
- jQuery EasyUI API 中文文档 - PropertyGrid属性表格
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- jQuery EasyUI API 中文文档 - Dialog对话框
- jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
- Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
- jquery.combobox中文api和例子,修复了上面的小bug
- 如jQuery般易用的api风格代码分享
- jQuery validate 中文API 附validate.js中文api手册
- jQuery EasyUI 中文API Button使用实例
- jquery 1.4.2发布!主要是性能与API
- jquery中有哪些api jQuery主要API
相关文章
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
这篇文章主要介绍了jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果,实例分析了jquery常用的几种背景动态变换效果,涉及jquery动态操作页面动画效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
这篇文章主要介绍了使用HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听) 的相关资料,需要的朋友可以参考下2016-01-01jQuery插件学习教程之SlidesJs轮播+Validation验证
这篇文章主要介绍了jQuery插件学习教程之SlidesJs轮播+Validation验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-07-07
最新评论