jQuery EasyUI 中文API Layout(Tabs)

2020-05-22 21:55:43易采站长站整理

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特性说明




















































名称类型描述默认值
widthnumber标签容器宽度auto
heightnumber标签容器高度auto
idSeednumber应该是生成标签面板的基本id0
plainboolean设置true,标签栏显示背景false
fitboolean设置true,自适应父集容器大小false
borderboolean标签容器边框true
scrollIncrementnumber标签卷按钮被按下,滚动的像素100
scrollDurationnumber滚动动画持续的毫秒400


Tabs Container事件说明








名称参数描述