以下功能实现朋友们若有更好的思路办法,欢迎留言交流。
1.关闭其他标签页(右键菜单触发,保留左侧第一个欢迎tab)
问题:取到的数组tabs长度会随着tab的关闭而变化
思路:先遍历需要关闭的标签页tabs,组成一tabTitle数组,再遍历这个tabTitle数组,根据title对各个tab执行关闭
function tabsOtherClose() {
var nowTitle=$('#mainTabs').tabs('getSelected').panel('options').title;
var tabs=$('#mainTabs').tabs('tabs');
var otherTitleArr=[];
for(var x in tabs){
var title=tabs[x].panel('options').title;
if(nowTitle!=title) otherTitleArr.push(title);
}
for(var x=1;x<otherTitleArr.length;x++){//欢迎页面不关闭
var delTitle=otherTitleArr[x];
$('#mainTabs').tabs('close',delTitle);
}
}
2.html方式的toolbar 按钮间的分割线
<div id="toolbar" style="background:#E0ECFF">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true,disabled:true">编辑</a>
<span class="datagrid-btn-separator" style="float:none;"></span>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true,disabled:true">保存</a>
</div>