jQuery EasyUI 中文API Layout(Tabs)


Posted in Javascript onApril 27, 2010

Tabs【标签】

jQuery EasyUI 中文API Layout(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特性说明

名称 类型 描述 默认值 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

 

有些觉得翻译的牵强,肯定也有错的地方,谢谢指出来。

Javascript 相关文章推荐
javascript+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
jquery 1.4.2发布!主要是性能与API
Feb 25 Javascript
javascript 弹出窗口中是否显示地址栏的实现代码
Apr 14 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
JavaScript设计模式之代理模式介绍
Dec 28 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
javascript仿百度输入框提示自动下拉补全
Jan 07 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
echarts实现地图定时切换散点与多图表级联联动详解
Aug 07 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 #Javascript
jQuery 表格插件整理
Apr 27 #Javascript
jquery 事件对象属性小结
Apr 27 #Javascript
Google排名中的10个最著名的 JavaScript库
Apr 27 #Javascript
基于jquery的让页面控件不可用的实现代码
Apr 27 #Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 #Javascript
JavaScript中常见陷阱小结
Apr 27 #Javascript
You might like
php一些公用函数的集合
2008/03/27 PHP
PHP会话控制:Session与Cookie详解
2014/09/27 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
PHP加密解密类实例代码
2016/07/20 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
浅谈PHP的exec()函数无返回值排查方法(必看)
2017/03/31 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
PHP Swoole异步MySQL客户端实现方法示例
2019/10/24 PHP
浅谈js的url解析函数封装
2016/06/28 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
JavaScript遍历数组的方法代码实例
2020/01/14 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
Python程序设计入门(4)模块和包
2014/06/16 Python
Python实现方便使用的级联进度信息实例
2015/05/05 Python
python getopt详解及简单实例
2016/12/30 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
python模拟登陆,用session维持回话的实例
2018/12/27 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
Python多线程及其基本使用方法实例分析
2019/10/29 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
龙门石窟导游词
2015/02/02 职场文书
天气温馨提示语
2015/07/14 职场文书
2016十一国庆节感言
2015/12/09 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书