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 设置级联菜单的默认值
Jun 13 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
JS把内容动态插入到DIV的实现方法
Jul 19 Javascript
js关于getImageData跨域问题的解决方法
Oct 14 Javascript
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
Angular2整合其他插件的方法
Jan 20 Javascript
微信小程序开发之路由切换页面重定向问题
Sep 18 Javascript
javascript实现5秒倒计时并跳转功能
Jun 20 Javascript
vue使用axios实现excel文件下载的功能
Jul 16 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
Aug 20 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
谈一谈收音机的高放电路
2021/03/02 无线电
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
php中字符查找函数strpos、strrchr与strpbrk用法
2014/11/18 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
详解网站中图片日常使用以及优化手法
2017/01/09 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
js实现小时钟效果
2020/03/25 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
2020/05/19 jQuery
node.js基础知识汇总
2020/08/25 Javascript
python调用java的Webservice示例
2014/03/10 Python
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
zookeeper python接口实例详解
2018/01/18 Python
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
Python的argparse库使用详解
2018/10/09 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
Python for i in range ()用法详解
2020/09/18 Python
利用pyshp包给shapefile文件添加字段的实例
2019/12/06 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
我的网上商城创业计划书
2013/12/26 职场文书
英语演讲稿范文
2014/01/03 职场文书
列车长先进事迹材料
2014/01/25 职场文书
信息科学与技术专业求职信范文
2014/02/20 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
自信主题班会
2015/08/14 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers