首页 > 其他 > 详细

扩展 easyui-tabs 插件 关闭标签页方法

时间:2015-10-06 14:05:26      阅读:326      评论:0      收藏:0      [点我收藏+]
$.extend($.fn.tabs.methods,{
    allTabs:function(jq){
        var tabs = $(jq).tabs(‘tabs‘);
        var all = [];
        all = $.map(tabs,function(n,i){
             return $(n).panel(‘options‘)
        });
        return all;
    },
    closeCurrent: function(jq){ // 关闭当前
        var currentTab = $(jq).tabs(‘getSelected‘),
            currentTabIndex = $(jq).tabs(‘getTabIndex‘,currentTab);
         $(jq).tabs(‘close‘,currentTabIndex);
    },
    closeAll:function(jq){ //关闭全部
        var tabs = $(jq).tabs(‘allTabs‘);
        $.each(tabs,function(i,n){
            $(jq).tabs(‘close‘, n.title);
        })
    },
    closeOther:function(jq){ //关闭除当前标签页外的tab页
        var tabs =$(jq).tabs(‘allTabs‘);
        var currentTab = $(jq).tabs(‘getSelected‘),
            currentTabIndex = $(jq).tabs(‘getTabIndex‘,currentTab);
 
        $.each(tabs,function(i,n){
            if(currentTabIndex != i) {
                $(jq).tabs(‘close‘, n.title);
            }
        })
    },
    closeLeft:function(jq){ // 关闭当前页左侧tab页
        var tabs = $(jq).tabs(‘allTabs‘);
        var currentTab = $(jq).tabs(‘getSelected‘),
            currentTabIndex = $(jq).tabs(‘getTabIndex‘,currentTab);
        var i = currentTabIndex-1;
 
        while(i > -1){
            $(jq).tabs(‘close‘, tabs[i].title);
            i--;
        }
    },
    closeRight: function(jq){ //// 关闭当前页右侧tab页
        var tabs = $(jq).tabs(‘allTabs‘);
        var currentTab = $(jq).tabs(‘getSelected‘),
            currentTabIndex = $(jq).tabs(‘getTabIndex‘,currentTab);
        var i = currentTabIndex+ 1,len = tabs.length;
        while(i < len){
            $(jq).tabs(‘close‘, tabs[i].title);
            i++;
        }
    }
})

 

扩展 easyui-tabs 插件 关闭标签页方法

原文:http://www.cnblogs.com/genesis/p/4857024.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!