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);
		 }
 		         
     });