以下功能实现朋友们若有更好的思路办法,欢迎留言交流。
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>