easyui中tabs的右键菜单的实现

步骤一：
在页面里加入html片段

 
  
    
  
        tab1   
    
  
    
  
        tab2   
    
  
    
  
        tab3   
    

 
  
        
关闭
  
     
关闭全部
  
       
关闭其他
  
        
  
       
关闭右侧标签
  
       
关闭左侧标签
  
   
  

步骤二：编写js片段

/**
 * 绑定tab右键菜单事件
 */
function bindTabMenuEvent() {
 //关闭当前
 $('#tab_menu-tabclose').click(function() {
  var currtab_title = $('#tab_menu').data("currtab");
  if ($(this).next().is('.tabs-close')) {
   $('#mainTab').tabs('close', currtab_title);
  }
 });
 //全部关闭
 $('#tab_menu-tabcloseall').click(function() {
  $('.tabs-inner span').each(function(i, n) {
   if ($(this).parent().next().is('.tabs-close')) {
    var t = $(n).text();
    $('#mainTab').tabs('close', t);
   }
  });
 });
 //关闭除当前之外的TAB
 $('#tab_menu-tabcloseother').click(function() {
  var currtab_title = $('#tab_menu').data("currtab");
  $('.tabs-inner span').each(function(i, n) {
   if ($(this).parent().next().is('.tabs-close')) {
    var t = $(n).text();
    if (t != currtab_title)
     $('#mainTab').tabs('close', t);
   }
  });
 });
 //关闭当前右侧的TAB
 $('#tab_menu-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();
    $('#mainTab').tabs('close', t);
   }
  });
  return false;
 });
 //关闭当前左侧的TAB
 $('#tab_menu-tabcloseleft').click(function() {
  var prevall = $('.tabs-selected').prevAll();
  if (prevall.length == 1) {
   $.messager.alert('已经是第一个了');
   return false;
  }
  prevall.each(function(i, n) {
   if ($('a.tabs-close', $(n)).length > 0) {
    var t = $('a:eq(0) span', $(n)).text();
    $('#mainTab').tabs('close', t);
   }
  });
  return false;
 });
}

最后在需要的地方直接调用以上方法即可！