創(chuàng)建一個(gè)tab標(biāo)簽
使用說明
使用到的頭文件: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代碼
代碼如下:
//創(chuàng)建一個(gè)標(biāo)簽容器
$('#tt').tabs(options);
//增加一個(gè)tab面板
$('#tt').tabs('add',{
title:'New Tab',
content:'Tab Body',
closable:true
});
|
Tabs Container事件說明
名稱 | 參數(shù) | 描述 |
---|---|---|
onLoad | arguments | ajax面板加載完畢后觸發(fā),參數(shù)調(diào)用跟jQuery.ajax調(diào)功能一樣 |
onSelect | title | 選中標(biāo)簽面板觸發(fā) |
onClose | title | 關(guān)閉標(biāo)簽面板觸發(fā) |
Tabs Container方法說明