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 相关文章推荐
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
转换json格式的日期为Javascript对象的函数
Jul 13 Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
Vue组件之单向数据流的解决方法
Nov 10 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
Mar 13 Javascript
深入了解js原型模式
May 30 Javascript
基于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可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
php中用memcached实现页面防刷新功能
2014/08/19 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
Gird事件机制初级读本
2007/03/10 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
JS组件系列之Bootstrap Icon图标选择组件
2016/01/28 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
使用Nginx+uWsgi实现Python的Django框架站点动静分离
2016/03/21 Python
用pycharm开发django项目示例代码
2019/06/13 Python
Python模块 _winreg操作注册表
2020/02/05 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
Python定义一个函数的方法
2020/06/15 Python
毕业自我评价范文
2013/11/17 职场文书
学前班教师的自我鉴定
2013/12/05 职场文书
学年自我鉴定
2014/01/16 职场文书
保险内勤岗位职责
2014/04/05 职场文书
工伤赔偿协议书
2014/04/15 职场文书
银行求职自荐信
2014/06/30 职场文书
消防安全月活动总结
2015/05/08 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python
Redis特殊数据类型bitmap位图
2022/06/01 Redis