创建一个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事件说明
| 名称 | 参数 | 描述 |
|---|---|---|
| onLoad | arguments | ajax面板加载完毕后触发，参数调用跟jQuery.ajax调功能一样 |
| onSelect | title | 选中标签面板触发 |
| onClose | title | 关闭标签面板触发 |
Tabs Container方法说明
| 名称 | 参数 | 描述 |
|---|---|---|
| resize | none | 调整容器的布局 |
| add | options | 添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明 |
| close | title | 关闭一个标签面板,标题参数显示的面板被关闭。 |
