• 扩展 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++;
                }
            }
        })
    

      

  • 相关阅读:
    Linux文件系统结构
    JAVA实现上传下载共享文件
    JAVA 实现通过URL下载文件到本地库
    使用SoapUI 测试 Web Service
    DB2存储过程实现查询表数据,生成动态SQL,并执行
    DB2查看表空间大小及使用情况
    Spring使用总结
    Commons-logging + Log4j
    JAVA生成EXCEL图表
    html5离线缓存原理
  • 原文地址:https://www.cnblogs.com/hxling/p/4024840.html
Copyright © 2020-2023  润新知