ext 右键控制tab关闭

原文：http://blog.sina.com.cn/s/blog_6a292d8e0101jz71.html

一、首先新建右键菜单的插件，代码如下：
Ext.ux.TabCloseMenu = function(){
     var tabs, menu, ctxItem;
     this.init = function(tp){
         tabs = tp;
         tabs.on('contextmenu', onContextMenu);
     }

     function onContextMenu(ts, item, e){
         if(!menu){ // create context menu on first right click
             menu = new Ext.menu.Menu([{
                 id: tabs.id + '-close',
                 text: '关闭当前标签',
                 iconCls : 'btnno',
                 handler : function(){
                     tabs.remove(ctxItem);
                 }
             },{
                 id: tabs.id + '-close-others',
                 text: '关闭其他标签',
                 iconCls : 'btnno',
                 handler : function(){
                     tabs.items.each(function(item){
                         if(item.closable && item != ctxItem){
                             tabs.remove(item);
                         }
                     });
                 }
             },{
                 id: tabs.id + '-close-all',
                 text: '关闭所有标签',
                 iconCls : 'btnno',
                 handler : function(){
                     tabs.items.each(function(item){
                         if(item.closable){
                            tabs.remove(item);
                        }
                     });
                 }
             }]);
         }
         ctxItem = item;
         var items = menu.items;
         items.get(tabs.id + '-close').setDisabled(!item.closable);

         var disableOthers = true;
         tabs.items.each(function(){
             if(this != item && this.closable){
                 disableOthers = false;
                 return false;
             }
         });
         items.get(tabs.id + '-close-others').setDisabled(disableOthers);
         menu.showAt(e.getPoint());
        
         var disableAll = true;
          tabs.items.each(function(){
              if(this.closable){
                  disableAll = false;
                  return false;
              }
         });
         items.get(tabs.id + '-close-all').setDisabled(disableAll);
          menu.showAt(e.getPoint());
     }
};

二、然后在需要增加右键菜单的tabpane控件上加上此插件。
plugins: new Ext.ux.TabCloseMenu()
例如：
var mainPanel =new Ext.TabPanel({
    region: 'center',
    deferredRender: false,
    activeTab: 0,
    enableTabScroll : true,
    margins: '0 0 0 0',//设置边距
    bodyStyle:'background-color:#FF4444',
    items: [{
        autoLoad:{url:mainIndexUrl,scripts:false},
        title: '首页',
        autoScroll: false
    }],
    plugins:new Ext.ux.TabCloseMenu()
});