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 有些觉得翻译的牵强，肯定也有错的地方，谢谢指出来。

　　推荐阅读

　　js 禁用只读文本框获得焦点时的退格键

有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面,这个问题就有点烦恼了,用户又不清楚可不可以输入,他如果看到文本框想去改>>>详细阅读

本文标题：jQuery EasyUI 中文API Layout(Tabs)

地址：http://www.17bianji.com/kaifa2/JS/26509.html

 1/2    1