EasyUI笔记

以下功能实现朋友们若有更好的思路办法，欢迎留言交流。

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>