zoukankan      html  css  js  c++  java
  • 扩展 easyui-tabs 插件 关闭标签页方法

        $.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++;
                }
            }
        })
    

      

  • 相关阅读:
    工作总结06
    工作总结05
    工作总结04
    站立会议01
    团队项目估算
    团队项目计划会议
    团队需求分析视频
    团队介绍
    团队项目计划会议01
    电梯演讲
  • 原文地址:https://www.cnblogs.com/hxling/p/4024840.html
Copyright © 2011-2022 走看看