<div id="mm" class="easyui-menu" style="width:150px;">
        <div id="mm-tabclose">关闭当前</div>    
        <div id="mm-tabcloseall">关闭全部</div>    
        <div id="mm-tabcloseother">关闭其他</div>    
        <div class="menu-sep"></div>    
        <div id="mm-tabcloseright">关闭右侧标签</div>    
        <div id="mm-tabcloseleft">关闭左侧标签</div>    
    </div>

$(function() {
    $('#mainFrame').attr("src", "");
    bindTabEvent();    
    bindTabMenuEvent();    
});

function bindTabEvent(){  
    $('#mainTabs').bind('contextmenu',function(e){
        $('#mm').menu('show', {    
            left: e.pageX,    
            top: e.pageY    
     });    
     var subtitle =$(this).children("span").text();    
     $('#mm').data("currtab",subtitle);    
     return false;    
    });    
 }

function bindTabMenuEvent() {
    
    $('#mm-tabclose').click(function() {    
        var currTab = $('#mainTabs').tabs('getSelected');
        currTitle = currTab.panel('options').title;    
        $('#mainTabs').tabs('close', currTitle);
    });    
    $('#mm-tabcloseall').click(function() {    
         $(".tabs li").each(function(i, n){
             var title = $(n).text();
             if(title!="首页"){
                 $('#mainTabs').tabs('close',title);
             }
         });
    });    
    $('#mm-tabcloseother').click(function() {    
         var currTab = $('#mainTabs').tabs('getSelected');
         currTitle = currTab.panel('options').title;    
         $(".tabs li").each(function(i, n){
             var title = $(n).text();
             if(currTitle != title){
                 if(title!="首页"){
                     $('#mainTabs').tabs('close',title);
                 }
             }
         });
    });    
    $('#mm-tabcloseright').click(function() {    
        var nextall = $('.tabs-selected').nextAll();    
        if (nextall.length == 0) {    
            alert('已经是最后一个了');    
            return false;    
        }    
        nextall.each(function(i, n) {    
            if ($('a.tabs-close', $(n)).length > 0) {    
                var t = $('a:eq(0) span', $(n)).text();    
                $('#mainTabs').tabs('close', t);    
            }    
        });    
        return false;    
    });    
    $('#mm-tabcloseleft').click(function() {    
        var prevall = $('.tabs-selected').prevAll();
        if (prevall.length == 1) {    
            alert('已经是第一个了');    
            return false;    
        }    
        prevall.each(function(i, n) {
            if ($('a.tabs-close', $(n)).length > 0) {    
                var t = $('a:eq(0) span', $(n)).text();  
                $('#mainTabs').tabs('close', t);    
            }    
        });    
        return false;    
    });    
}

easyui tab 关闭的更多相关文章

  1. 通过easyui tab添加的子页面JS脚本必须放在body才生效

    通过easyui tab添加的子页面JS脚本必须放在body才生效 可通过Chrome查看元素时,head标签是否含有你自己写的JS代码

  2. Extjs4---Cannot read property 'addCls' of null 或者 el is null 关于tab关闭后再打开不显示或者报错

    做后台管理系统时遇到的问题,关于tab关闭后再打开不显示,或者报错 我在新的tabpanel中加入了一个grid,当我关闭再次打开就会报错Cannot read property 'addCls' o ...

  3. Easyui Tab刷新

    Easyui Tab刷新: function refreshTab(title){ var tab = $('#id').tab('getTab',title); $('#id').tab('upda ...

  4. easyUI Tab href,content差别

    easyUI的Tab面板是继承了panel Tab中js的两种使用方法: 说明:jsp主页面加入一个id为tab的div,要引入easyUI的相关js.css  <div data-option ...

  5. 扩展easyUI tab控件,添加加载遮罩效果

    项目里要用HighChart显示图表,如果返回的数量量太多,生成图表是一个很耗时的过程.tab控件又没有显示遮罩的设置(至少本菜是没有找到), Google了一下,根据另一个兄台写的方法,拿来改造了一 ...

  6. jquery easyui tab加载内容的几种方法

    转:http://my.oschina.net/u/2331760/blog/391937?fromerr=saqeoxxB jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页 ...

  7. easyui tab 加载iframe 高度问题

    其实按网上搜的结果,easyui 有个data-options属性是fit:true. 加上他之后会使得自适应父类的宽高. 加上之后,发现个问题,当刷新tab内容的时候高度是对的,但是新建tab的时候 ...

  8. jquery easyui Tab 引入页面的问题

    jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:“href远程请求”和“content本地内容”,本文就两种方式的优缺点进行简单分析和思考. 两者特点: href ...

  9. Easyui Tab使用

    常见问题: 1. easyui 在子tab页中打开新tab页(关于easyUI在子页面增加显示tabs的一个问题) https://blog.csdn.net/u014805893/article/d ...

随机推荐

  1. ssh两台机器建立信任关系无密码登陆

    在建立信任关系之前先看看基于公钥.私钥的加密和认证. 私钥签名过程 消息-->[私钥]-->签名-->[公钥]-->认证 私钥数字签名,公钥验证 Alice生成公钥和私钥,并将 ...

  2. Swift游戏实战-跑酷熊猫 05 踩踏平台是怎么炼成的

    这节内容我们一起学习下随机长度的踩踏平台的原理是怎么样的. 要点: 平台的组成 我们的平台由3部分组成 左: 中: 右: 其中中间部分是可以无缝衔接的,下面就是两个中间部分衔接在一起 要任何长度的平台 ...

  3. Lintcode: Segment Tree Query II

    For an array, we can build a SegmentTree for it, each node stores an extra attribute count to denote ...

  4. IOS Suppot Font 苹果默认支持的字体一览2(普通,加粗,倾斜)

  5. windows namedPipe 命名管道clent and server

    1.client: #include "iostream" #include "windows.h" using namespace std; void mai ...

  6. 多屏复杂动画CSS技巧三则(转载)

    本文转载自: 经验分享:多屏复杂动画CSS技巧三则

  7. Javascript中的json操作

    <!doctype html> <html> <head> <title>extjs-json</title> <script typ ...

  8. Oracle数据类型总结

    一 字符串类型 1.1:CHAR类型 CHAR(size [BYTE | CHAR]) CHAR类型,定长字符串,会用空格填充来达到其最大长度.非NULL的CHAR(12)总是包含12字节信息.CHA ...

  9. 夺命雷公狗---DEDECMS----28dedecms浏览次数的完成

    在页面里显示每部影视作品的浏览量,显示方法如下所示: 首先我们要在内容模板文件里增加显示区: 然后到后保存下文章页的内容页的模版,然后去看下对我们的样式有没有什么影响: 看到这里我们就已经成功一点点噢 ...

  10. Deep Learning 深度学习 学习教程网站集锦

    http://blog.sciencenet.cn/blog-517721-852551.html 学习笔记:深度学习是机器学习的突破 2006-2007年,加拿大多伦多大学教授.机器学习领域的泰斗G ...