Tabs 标签页/选项卡
用$.fn.tabs.defaults重写defaults。
依赖
panel
linkbutton
用法示例
创建tabs
1、 经由标记创建Tabs
从标记创建Tabs更容易，我们不需要写任何JavaScript代码。记住把 ‘easyui-tabs’ 类添加到<div/>标记，每个tab panel 经由子<div/>标记被创建，其用法与Panel一样。
<div id=”tt” class=”easyui-tabs” 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″ iconCls=”icon-reload” closable=”true” style=”padding:20px;display:none;”>
tab3
</div>
</div>
2. 编程创建Tabs
现在我们编程创建 Tabs，我们同时捕捉 ‘onSelect’ 事件。
$(‘#tt’).tabs({
border:false,
onSelect:function(title){
alert(title+’ is selected’);
}
});
增加新的 tab panel
// 增加一个新的 tab panel
$(‘#tt’).tabs(‘add’,{
title:’New Tab’,
content:’Tab Body’,
closable:true
});
获取选中的 Tab
// 获取选中的 tab panel 和它的 tab 对象
var pp = $(‘#tt’).tabs(‘getSelected’);
var tab = pp.panel(‘options’).tab; // 相应的 tab 对象
特性
