16.Ext.ux.TabCloseMenu插件的使用（TabPanel右键关闭菜单）示例

转自&＃xff1a;https://crabdave.iteye.com/blog/327978

Ext.ux.TabCloseMenu插件的使用&＃xff08;TabPanel右键关闭菜单&＃xff09; 示例

效果&＃xff1a;

创建调用的HTML&＃xff1a;

Ext.ux.TabCloseMenu文件源码&＃xff1a;

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing&＃64;extjs.com
 * 
 * http://extjs.com/license
 */

// Very simple plugin for adding a close context menu to tabs

Ext.ux.TabCloseMenu &＃61; function(){
    var tabs, menu, ctxItem;
    this.init &＃61; function(tp){
        tabs &＃61; tp;
        tabs.on(&＃39;contextmenu&＃39;, onContextMenu);
    }

    function onContextMenu(ts, item, e){
        if(!menu){ // create context menu on first right click
            menu &＃61; new Ext.menu.Menu([{
                id: tabs.id &＃43; &＃39;-close&＃39;,
                text: &＃39;关闭标签&＃39;,
                handler : function(){
                    tabs.remove(ctxItem);
                }
            },{
                id: tabs.id &＃43; &＃39;-close-others&＃39;,
                text: &＃39;关闭其他标签&＃39;,
                handler : function(){
                    tabs.items.each(function(item){
                        if(item.closable && item !&＃61; ctxItem){
                            tabs.remove(item);
                        }
                    });
                }
            },{
                id: tabs.id &＃43; &＃39;-close-all&＃39;,
                text: &＃39;关闭全部标签&＃39;,
                handler : function(){
                    tabs.items.each(function(item){
                        if(item.closable){
                            tabs.remove(item);
                        }
                    });
                }
            }]);
        }
        ctxItem &＃61; item;
        var items &＃61; menu.items;
        items.get(tabs.id &＃43; &＃39;-close&＃39;).setDisabled(!item.closable);
        var disableOthers &＃61; true;
        tabs.items.each(function(){
            if(this !&＃61; item && this.closable){
                disableOthers &＃61; false;
                return false;
            }
        });
        items.get(tabs.id &＃43; &＃39;-close-others&＃39;).setDisabled(disableOthers);
        var disableAll &＃61; true;
        tabs.items.each(function(){
            if(this.closable){
                disableAll &＃61; false;
                return false;
            }
        });
        items.get(tabs.id &＃43; &＃39;-close-all&＃39;).setDisabled(disableAll);
        menu.showAt(e.getPoint());
    }
};