EasyUI—右键关闭选项卡

首先设置 一个 menu 

  

<span style="font-family:KaiTi_GB2312;font-size:18px;">   
			 <div id="mymenu" class="easyui-menu">  
				 <div id="closeall">关闭全部</div>  
			         <div id="closeelse">关闭其他</div>  
			</div>
</span>  

js 

//  选项卡 右键  ------------------------------------------------
	
	$('#eaTabs').bind('contextmenu',function(e){         
         e.preventDefault();  
            $('#mymenu').menu('show', {  
                left: e.pageX,  
                top: e.pageY  
            });  
        });  	


	  //关闭所有选项卡  
    $("#closeall").bind("click",function(){  

        //获取所有的tag
        var tags=$('#eaTabs').tabs('tabs');

		/**
		  如果使用加的话 每次 加1 length -1 会造成 有些减不掉

		  所以删除 只能从长度开始删，删一次长度减一次
		**/
		for ( var i = tags.length-1; i >= 1; i--) {
			$('#eaTabs').tabs('close',i);
		}
        
    });  

    //关闭其他选项卡
     $("#closeelse").bind("click",function(){  
    	//获取所有的tag
         var tags=$('#eaTabs').tabs('tabs');

         //获取当前的tag
 		 var tag=$('#eaTabs').tabs('getSelected');
 		 //获取tag所在的index;
		 var index=$('#eaTabs').tabs('getTabIndex',tag);

		 for ( var i = tags.length-1; i >= 1; i--) {
			 
			if(index == i){
				continue;
			}
			$('#eaTabs').tabs('close',i);
		 }
 		         
     });