<div data-options="region:'north',title:'North Title',split:false" style="height:100px;"></div>
<div data-options="region:'west',title:'West',split:false" style="width:100px;">
<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="addTabe(this)">新增</a>
<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="addTabe(this)">查看</a>
</div>
<div data-options="region:'center',title:'center title',split:false" style="padding:5px;background:#eee;">
<div id="tt" class="easyui-tabs" style="width:500px;height:250px;" data-options="fit:true">
</div>
function addTabe(obj) {
if ($('#tt').tabs('exists', $(obj).html())) {
$('#tt').tabs('select', $(obj).html())
} else {
$('#tt').tabs('add', {
title:$(obj).html(),
content: 'Tab Body',
closable: true,
tools: [{
iconCls: 'icon-mini-refresh',
handler: function() {
alert('refresh');
}
}]
});
}
}