zoukankan      html  css  js  c++  java
  • easyui tab 关闭

        <div id="mm" class="easyui-menu" style="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;    
        });    
    }

  • 相关阅读:
    app接口测试
    鼠标右键添加"在此处打开命令窗口"
    解决Maven的Could not resolve archetype org.apache.maven.archetypes:maven-archetype-quickstart
    Linux机器之间复制文件和目录方式&Linux的scp命令详解
    Java动态代理总结
    解决当FORM的ENCTYPE="multipart/form-data" 时request.getParameter()获取不到值的方法
    Elasticsearch使用filter进行匹配关系and,or,not,range查询
    阿里Java开发规范&谷歌Java开发规范&华为Java开发规范&Tab键和空格比较&Eclipse的Tab键设置 总结
    Kafka连接SparkStreaming的两种方式
    IntelliJ IDEA导入多个eclipse项目到同一个workspace下
  • 原文地址:https://www.cnblogs.com/ckaifeng/p/5009465.html
Copyright © 2011-2022 走看看