tab页右键菜单之删除

jsp部分
(这部分代码放在有tab页的jsp页面)

<div id="rcmenu" class="easyui-menu" style="">  
        <div id="closeall">Close All</div>  
        <div id="closeother">Close Others</div> 
        <div id="closeright">close right</div>
        <div id="closeleft">close left</div> 
  </div>

jquery部分

//绑定右键菜单事件
    $(".easyui-tabs").bind('contextmenu',function(e){         
        e.preventDefault();  
      $('#rcmenu').menu('show', {  
          left: e.pageX,  
          top: e.pageY  
      });  
  });  

    //关闭所有标签页  
    $("#closeall").bind("click",function(){
        //menuTab 是tab页div的id
       var tablist =$('#menuTab').tabs('tabs');//获得所有的tab页
       console.log(tablist);
       for(var i=tablist.length-1;i>=0;i--){ 
           $('#menuTab').tabs('close',i);  //根据tab的下标关闭tab页
       }  
   });   


    //关闭其他页面(先关闭右侧,再关闭左侧)  
    $("#closeother").bind("click",function(){  
        //获得所有的tab页
        var tablist = $('#menuTab').tabs('tabs');  
        //获得选择的tab页
        var tab = $('#menuTab').tabs('getSelected'); 
        //获得选择的tab页的下标
        var index = $('#menuTab').tabs('getTabIndex',tab);  

        for(var i=tablist.length;i>index;i--){  
            $('#menuTab').tabs('close',i);  
        }  

        //如果下标为1 num=0
        var num = index-1;  
        if(num < 0){  
            return;  
        }else{
            //num>0  若num=1
            for(var i=num;i>=0;i--){  
                $('#menuTab').tabs('close',i);  
            }  
        }   
        //选中右键菜单当前页
        $("#menuTab").tabs("select", 0);  

    });  


    //关闭右边的选项卡
    $("#closeright").bind("click",function(){ 
        //获得所有的tab页
        var tablist = $('#menuTab').tabs('tabs');  
        //获得选择的tab页
        var tab = $('#menuTab').tabs('getSelected'); 
        //获得选择的tab页的下标
        var index = $('#menuTab').tabs('getTabIndex',tab);  

        for(var i=tablist.length;i>index;i--){  
            $('#menuTab').tabs('close',i);  
        }  

    });

    //关闭左边的选项卡
    $("#closeleft").bind("click",function(){  
        //获得所有的tab页
        var tablist = $('#menuTab').tabs('tabs');  
        //获得选择的tab页
        var tab = $('#menuTab').tabs('getSelected');  
        //获得选择的tab页的下标
        var index = $('#menuTab').tabs('getTabIndex',tab);  
        //如果下标为1 num=0
        var num = index-1;  
        if(num < 0){  
            return;  
        }else{
            //num>0  若num=1
            for(var i=num;i>=0;i--){  
                $('#menuTab').tabs('close',i);  
            }  
        }   
        //选中右键菜单当前页
        $("#menuTab").tabs("select", 0);  
    });  

猜你喜欢

转载自blog.csdn.net/qq_41277773/article/details/82634389