Ext-TabPanel-插件

1 each方法和closable属性从哪里来啊？

each:来自util/MixedCollection.js这个类

closable:是tab也的一个属性，这是true和false，可以看到tab页上有个小X/或者没有

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: 'Close Tab',
                handler : function(){
                    tabs.remove(ctxItem);
                },
            },{
                id: tabs.id + '-close-others',
                text: 'Close Other Tabs',
                handler : function(){
                    //这里的item，来自tabs；each/closable从那里来啊？
                    tabs.items.each(function(item){
                        alert(item.closable)
                        if(item.closable && item != ctxItem){
                            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());
    }
};

2

new Ext.menu.Menu([])
类关系图：
Observable
  Component
    BaseItem
      Item

用这个类创建对象的，里面传入的类是Ext.menu.Item，一些配置属性和方法Ext.menu.BaseItem实现了。
在我们创建new Ext.menu.Menu([])这个对象的时候，里面可以配置Ext.menu.Item的属性和方法

                    tabs.items.each(function(item){
                        if(item.closable && item != ctxItem){
                            tabs.remove(item);
                        }
                    }
这里的item，来自tabs

下面这是一个Ext.menu.Item对象：
{
                id: tabs.id + '-close-others',
                text: 'Close Other Tabs',       //text这个配置属性来自Ext.menu.Item，但在Ext.menu.BaseItem没有这个配置属性
                handler : function(){
                    tabs.items.each(function(item){
                        if(item.closable && item != ctxItem){
                            tabs.remove(item);
                        }
                    });
                }
            }