码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-10-14 19:06:09      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:blog   io   os   ar   java   div   on   cti   log   

    $.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 插件 关闭标签页方法

标签:blog   io   os   ar   java   div   on   cti   log   

原文地址:http://www.cnblogs.com/hxling/p/4024840.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!