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中的isXX系列是否继续使用的分析
Apr 16 Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 Javascript
jquery 提交值不为空的元素示例代码
May 10 Javascript
jQuery之ajax技术的详细介绍
Jun 19 Javascript
innerText 使用示例
Jan 23 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
JQuery中DOM事件冒泡实例分析
Jun 13 Javascript
实例详解ECMAScript5中新增的Array方法
Apr 05 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
JS利用prototype给类添加方法操作详解
Jun 21 Javascript
js实现随机点名器精简版
Jun 29 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 无线电
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
PHP设计模式之组合模式定义与应用示例
2020/02/01 PHP
javascript parseInt 大改造
2009/09/27 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
javascript的创建多行字符串的7种方法
2014/04/29 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
angular ngClick阻止冒泡使用默认行为的方法
2016/11/03 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
zTree节点文字过多的处理方法
2017/11/24 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
Python内置函数—vars的具体使用方法
2017/12/04 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
使用python制作一个解压缩软件
2019/11/13 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
德国网上宠物店:Zoobio
2018/05/23 全球购物
LUISAVIAROMA中国官网:时尚奢侈品牌购物网站
2020/11/01 全球购物
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
股权转让协议书
2014/04/12 职场文书
项目建议书怎么写
2014/05/15 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
预备党员转正意见
2015/06/01 职场文书
简单聊聊TypeScript只读修饰符
2022/04/06 Javascript
golang生成并解析JSON
2022/04/14 Golang
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL