X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/docs/source/Panel4.html diff --git a/docs/source/Panel4.html b/docs/source/Panel4.html index 1dcd05bf..95104f71 100644 --- a/docs/source/Panel4.html +++ b/docs/source/Panel4.html @@ -1,267 +1,297 @@ -
+ +/** - * @author Ed Spencer, Tommy Maintz, Brian Moeskau - * @class Ext.tab.Panel - * @extends Ext.panel.Panel - -A basic tab container. TabPanels can be used exactly like a standard {@link Ext.panel.Panel} for layout purposes, but also -have special support for containing child Components (`{@link Ext.container.Container#items items}`) that are managed -using a {@link Ext.layout.container.Card CardLayout layout manager}, and displayed as separate tabs. - -__Note:__ - -By default, a tab's close tool _destroys_ the child tab Component and all its descendants. This makes the child tab -Component, and all its descendants __unusable__. To enable re-use of a tab, configure the TabPanel with `{@link #autoDestroy autoDestroy: false}`. - -__TabPanel's layout:__ - -TabPanels use a Dock layout to position the {@link Ext.tab.Bar TabBar} at the top of the widget. Panels added to the TabPanel will have their -header hidden by default because the Tab will automatically take the Panel's configured title and icon. - -TabPanels use their {@link Ext.panel.Panel#header header} or {@link Ext.panel.Panel#footer footer} element (depending on the {@link #tabPosition} -configuration) to accommodate the tab selector buttons. This means that a TabPanel will not display any configured title, and will not display any -configured header {@link Ext.panel.Panel#tools tools}. - -To display a header, embed the TabPanel in a {@link Ext.panel.Panel Panel} which uses `{@link Ext.container.Container#layout layout:'fit'}`. - -__Examples:__ - -Here is a basic TabPanel rendered to the body. This also shows the useful configuration {@link #activeTab}, which allows you to set the active tab on render. -If you do not set an {@link #activeTab}, no tabs will be active by default. -{@img Ext.tab.Panel/Ext.tab.Panel1.png TabPanel component} -Example usage: - - Ext.create('Ext.tab.Panel', { - width: 300, - height: 200, - activeTab: 0, - items: [ - { - title: 'Tab 1', - bodyPadding: 10, - html : 'A simple tab' - }, - { - title: 'Tab 2', - html : 'Another one' - } - ], - renderTo : Ext.getBody() - }); - -It is easy to control the visibility of items in the tab bar. Specify hidden: true to have the -tab button hidden initially. Items can be subsequently hidden and show by accessing the -tab property on the child item. - -Example usage: - - var tabs = Ext.create('Ext.tab.Panel', { - width: 400, - height: 400, - renderTo: document.body, - items: [{ - title: 'Home', - html: 'Home', - itemId: 'home' - }, { - title: 'Users', - html: 'Users', - itemId: 'users', - hidden: true - }, { - title: 'Tickets', - html: 'Tickets', - itemId: 'tickets' - }] - }); - - setTimeout(function(){ - tabs.child('#home').tab.hide(); - var users = tabs.child('#users'); - users.tab.show(); - tabs.setActiveTab(users); - }, 1000); - -You can remove the background of the TabBar by setting the {@link #plain} property to `false`. - -Example usage: - - Ext.create('Ext.tab.Panel', { - width: 300, - height: 200, - activeTab: 0, - plain: true, - items: [ - { - title: 'Tab 1', - bodyPadding: 10, - html : 'A simple tab' - }, - { - title: 'Tab 2', - html : 'Another one' - } - ], - renderTo : Ext.getBody() - }); - -Another useful configuration of TabPanel is {@link #tabPosition}. This allows you to change the position where the tabs are displayed. The available -options for this are `'top'` (default) and `'bottom'`. -{@img Ext.tab.Panel/Ext.tab.Panel2.png TabPanel component} -Example usage: - - Ext.create('Ext.tab.Panel', { - width: 300, - height: 200, - activeTab: 0, - bodyPadding: 10, - tabPosition: 'bottom', - items: [ - { - title: 'Tab 1', - html : 'A simple tab' - }, - { - title: 'Tab 2', - html : 'Another one' - } - ], - renderTo : Ext.getBody() - }); - -The {@link #setActiveTab} is a very useful method in TabPanel which will allow you to change the current active tab. You can either give it an index or -an instance of a tab. - -Example usage: - - var tabs = Ext.create('Ext.tab.Panel', { - items: [ - { - id : 'my-tab', - title: 'Tab 1', - html : 'A simple tab' - }, - { - title: 'Tab 2', - html : 'Another one' - } - ], - renderTo : Ext.getBody() - }); - - var tab = Ext.getCmp('my-tab'); - - Ext.create('Ext.button.Button', { - renderTo: Ext.getBody(), - text : 'Select the first tab', - scope : this, - handler : function() { - tabs.setActiveTab(tab); - } - }); - - Ext.create('Ext.button.Button', { - text : 'Select the second tab', - scope : this, - handler : function() { - tabs.setActiveTab(1); - }, - renderTo : Ext.getBody() - }); - -The {@link #getActiveTab} is a another useful method in TabPanel which will return the current active tab. - -Example usage: - - var tabs = Ext.create('Ext.tab.Panel', { - items: [ - { - title: 'Tab 1', - html : 'A simple tab' - }, - { - title: 'Tab 2', - html : 'Another one' - } - ], - renderTo : Ext.getBody() - }); - - Ext.create('Ext.button.Button', { - text : 'Get active tab', - scope : this, - handler : function() { - var tab = tabs.getActiveTab(); - alert('Current tab: ' + tab.title); - }, - renderTo : Ext.getBody() - }); - -Adding a new tab is very simple with a TabPanel. You simple call the {@link #add} method with an config object for a panel. - -Example usage: - - var tabs = Ext.Create('Ext.tab.Panel', { - items: [ - { - title: 'Tab 1', - html : 'A simple tab' - }, - { - title: 'Tab 2', - html : 'Another one' - } - ], - renderTo : Ext.getBody() - }); - - Ext.create('Ext.button.Button', { - text : 'New tab', - scope : this, - handler : function() { - var tab = tabs.add({ - title: 'Tab ' + (tabs.items.length + 1), //we use the tabs.items property to get the length of current items/tabs - html : 'Another one' - }); - - tabs.setActiveTab(tab); - }, - renderTo : Ext.getBody() - }); - -Additionally, removing a tab is very also simple with a TabPanel. You simple call the {@link #remove} method with an config object for a panel. - -Example usage: - - var tabs = Ext.Create('Ext.tab.Panel', { - items: [ - { - title: 'Tab 1', - html : 'A simple tab' - }, - { - id : 'remove-this-tab', - title: 'Tab 2', - html : 'Another one' - } - ], - renderTo : Ext.getBody() - }); - - Ext.Create('Ext.button.Button', { - text : 'Remove tab', - scope : this, - handler : function() { - var tab = Ext.getCmp('remove-this-tab'); - tabs.remove(tab); - }, - renderTo : Ext.getBody() - }); - - * @extends Ext.Panel - * @constructor - * @param {Object} config The configuration options - * @xtype tabpanel - * @markdown + + + + +\ No newline at end of file +The source code + + + + + + +/** + * @author Ed Spencer, Tommy Maintz, Brian Moeskau + * + * A basic tab container. TabPanels can be used exactly like a standard {@link Ext.panel.Panel} for + * layout purposes, but also have special support for containing child Components + * (`{@link Ext.container.Container#items items}`) that are managed using a + * {@link Ext.layout.container.Card CardLayout layout manager}, and displayed as separate tabs. + * + * **Note:** By default, a tab's close tool _destroys_ the child tab Component and all its descendants. + * This makes the child tab Component, and all its descendants **unusable**. To enable re-use of a tab, + * configure the TabPanel with `{@link #autoDestroy autoDestroy: false}`. + * + * ## TabPanel's layout + * + * TabPanels use a Dock layout to position the {@link Ext.tab.Bar TabBar} at the top of the widget. + * Panels added to the TabPanel will have their header hidden by default because the Tab will + * automatically take the Panel's configured title and icon. + * + * TabPanels use their {@link Ext.panel.Header header} or {@link Ext.panel.Panel#fbar footer} + * element (depending on the {@link #tabPosition} configuration) to accommodate the tab selector buttons. + * This means that a TabPanel will not display any configured title, and will not display any configured + * header {@link Ext.panel.Panel#tools tools}. + * + * To display a header, embed the TabPanel in a {@link Ext.panel.Panel Panel} which uses + * `{@link Ext.container.Container#layout layout: 'fit'}`. + * + * ## Controlling tabs + * + * Configuration options for the {@link Ext.tab.Tab} that represents the component can be passed in + * by specifying the tabConfig option: + * + * @example + * Ext.create('Ext.tab.Panel', { + * width: 400, + * height: 400, + * renderTo: document.body, + * items: [{ + * title: 'Foo' + * }, { + * title: 'Bar', + * tabConfig: { + * title: 'Custom Title', + * tooltip: 'A button tooltip' + * } + * }] + * }); + * + * # Examples + * + * Here is a basic TabPanel rendered to the body. This also shows the useful configuration {@link #activeTab}, + * which allows you to set the active tab on render. If you do not set an {@link #activeTab}, no tabs will be + * active by default. + * + * @example + * Ext.create('Ext.tab.Panel', { + * width: 300, + * height: 200, + * activeTab: 0, + * items: [ + * { + * title: 'Tab 1', + * bodyPadding: 10, + * html : 'A simple tab' + * }, + * { + * title: 'Tab 2', + * html : 'Another one' + * } + * ], + * renderTo : Ext.getBody() + * }); + * + * It is easy to control the visibility of items in the tab bar. Specify hidden: true to have the + * tab button hidden initially. Items can be subsequently hidden and show by accessing the + * tab property on the child item. + * + * @example + * var tabs = Ext.create('Ext.tab.Panel', { + * width: 400, + * height: 400, + * renderTo: document.body, + * items: [{ + * title: 'Home', + * html: 'Home', + * itemId: 'home' + * }, { + * title: 'Users', + * html: 'Users', + * itemId: 'users', + * hidden: true + * }, { + * title: 'Tickets', + * html: 'Tickets', + * itemId: 'tickets' + * }] + * }); + * + * setTimeout(function(){ + * tabs.child('#home').tab.hide(); + * var users = tabs.child('#users'); + * users.tab.show(); + * tabs.setActiveTab(users); + * }, 1000); + * + * You can remove the background of the TabBar by setting the {@link #plain} property to `true`. + * + * @example + * Ext.create('Ext.tab.Panel', { + * width: 300, + * height: 200, + * activeTab: 0, + * plain: true, + * items: [ + * { + * title: 'Tab 1', + * bodyPadding: 10, + * html : 'A simple tab' + * }, + * { + * title: 'Tab 2', + * html : 'Another one' + * } + * ], + * renderTo : Ext.getBody() + * }); + * + * Another useful configuration of TabPanel is {@link #tabPosition}. This allows you to change the + * position where the tabs are displayed. The available options for this are `'top'` (default) and + * `'bottom'`. + * + * @example + * Ext.create('Ext.tab.Panel', { + * width: 300, + * height: 200, + * activeTab: 0, + * bodyPadding: 10, + * tabPosition: 'bottom', + * items: [ + * { + * title: 'Tab 1', + * html : 'A simple tab' + * }, + * { + * title: 'Tab 2', + * html : 'Another one' + * } + * ], + * renderTo : Ext.getBody() + * }); + * + * The {@link #setActiveTab} is a very useful method in TabPanel which will allow you to change the + * current active tab. You can either give it an index or an instance of a tab. For example: + * + * @example + * var tabs = Ext.create('Ext.tab.Panel', { + * items: [ + * { + * id : 'my-tab', + * title: 'Tab 1', + * html : 'A simple tab' + * }, + * { + * title: 'Tab 2', + * html : 'Another one' + * } + * ], + * renderTo : Ext.getBody() + * }); + * + * var tab = Ext.getCmp('my-tab'); + * + * Ext.create('Ext.button.Button', { + * renderTo: Ext.getBody(), + * text : 'Select the first tab', + * scope : this, + * handler : function() { + * tabs.setActiveTab(tab); + * } + * }); + * + * Ext.create('Ext.button.Button', { + * text : 'Select the second tab', + * scope : this, + * handler : function() { + * tabs.setActiveTab(1); + * }, + * renderTo : Ext.getBody() + * }); + * + * The {@link #getActiveTab} is a another useful method in TabPanel which will return the current active tab. + * + * @example + * var tabs = Ext.create('Ext.tab.Panel', { + * items: [ + * { + * title: 'Tab 1', + * html : 'A simple tab' + * }, + * { + * title: 'Tab 2', + * html : 'Another one' + * } + * ], + * renderTo : Ext.getBody() + * }); + * + * Ext.create('Ext.button.Button', { + * text : 'Get active tab', + * scope : this, + * handler : function() { + * var tab = tabs.getActiveTab(); + * alert('Current tab: ' + tab.title); + * }, + * renderTo : Ext.getBody() + * }); + * + * Adding a new tab is very simple with a TabPanel. You simple call the {@link #add} method with an config + * object for a panel. + * + * @example + * var tabs = Ext.create('Ext.tab.Panel', { + * items: [ + * { + * title: 'Tab 1', + * html : 'A simple tab' + * }, + * { + * title: 'Tab 2', + * html : 'Another one' + * } + * ], + * renderTo : Ext.getBody() + * }); + * + * Ext.create('Ext.button.Button', { + * text : 'New tab', + * scope : this, + * handler : function() { + * var tab = tabs.add({ + * // we use the tabs.items property to get the length of current items/tabs + * title: 'Tab ' + (tabs.items.length + 1), + * html : 'Another one' + * }); + * + * tabs.setActiveTab(tab); + * }, + * renderTo : Ext.getBody() + * }); + * + * Additionally, removing a tab is very also simple with a TabPanel. You simple call the {@link #remove} method + * with an config object for a panel. + * + * @example + * var tabs = Ext.create('Ext.tab.Panel', { + * items: [ + * { + * title: 'Tab 1', + * html : 'A simple tab' + * }, + * { + * id : 'remove-this-tab', + * title: 'Tab 2', + * html : 'Another one' + * } + * ], + * renderTo : Ext.getBody() + * }); + * + * Ext.create('Ext.button.Button', { + * text : 'Remove tab', + * scope : this, + * handler : function() { + * var tab = Ext.getCmp('remove-this-tab'); + * tabs.remove(tab); + * }, + * renderTo : Ext.getBody() + * }); */ Ext.define('Ext.tab.Panel', { extend: 'Ext.panel.Panel', @@ -270,56 +300,77 @@ Ext.define('Ext.tab.Panel', { requires: ['Ext.layout.container.Card', 'Ext.tab.Bar'], - /** - * @cfg {String} tabPosition The position where the tab strip should be rendered (defaults to <code>'top'</code>). - * In 4.0, The only other supported value is <code>'bottom'</code>. + /** + * @cfg {String} tabPosition + * The position where the tab strip should be rendered. Can be `top` or `bottom`. */ tabPosition : 'top', - - /** - * @cfg {Object} tabBar Optional configuration object for the internal {@link Ext.tab.Bar}. If present, this is - * passed straight through to the TabBar's constructor + + /** + * @cfg {String/Number} activeItem + * Doesn't apply for {@link Ext.tab.Panel TabPanel}, use {@link #activeTab} instead. + */ + + /** + * @cfg {String/Number/Ext.Component} activeTab + * The tab to activate initially. Either an ID, index or the tab component itself. */ - /** - * @cfg {Object} layout Optional configuration object for the internal {@link Ext.layout.container.Card card layout}. + /** + * @cfg {Object} tabBar + * Optional configuration object for the internal {@link Ext.tab.Bar}. + * If present, this is passed straight through to the TabBar's constructor + */ + + /** + * @cfg {Object} layout + * Optional configuration object for the internal {@link Ext.layout.container.Card card layout}. * If present, this is passed straight through to the layout's constructor */ - /** - * @cfg {Boolean} removePanelHeader True to instruct each Panel added to the TabContainer to not render its header - * element. This is to ensure that the title of the panel does not appear twice. Defaults to true. + /** + * @cfg {Boolean} removePanelHeader + * True to instruct each Panel added to the TabContainer to not render its header element. + * This is to ensure that the title of the panel does not appear twice. */ removePanelHeader: true, - /** - * @cfg Boolean plain - * True to not show the full background on the TabBar + /** + * @cfg {Boolean} plain + * True to not show the full background on the TabBar. */ plain: false, - /** - * @cfg {String} itemCls The class added to each child item of this TabPanel. Defaults to 'x-tabpanel-child'. + /** + * @cfg {String} itemCls + * The class added to each child item of this TabPanel. */ itemCls: 'x-tabpanel-child', - /** - * @cfg {Number} minTabWidth The minimum width for a tab in the {@link #tabBar}. Defaults to <code>30</code>. + /** + * @cfg {Number} minTabWidth + * The minimum width for a tab in the {@link #tabBar}. + */ + minTabWidth: undefined, + + /** + * @cfg {Number} maxTabWidth The maximum width for each tab. */ + maxTabWidth: undefined, - /** + /** * @cfg {Boolean} deferredRender - * <p><tt>true</tt> by default to defer the rendering of child <tt>{@link Ext.container.Container#items items}</tt> - * to the browsers DOM until a tab is activated. <tt>false</tt> will render all contained - * <tt>{@link Ext.container.Container#items items}</tt> as soon as the {@link Ext.layout.container.Card layout} - * is rendered. If there is a significant amount of content or a lot of heavy controls being - * rendered into panels that are not displayed by default, setting this to <tt>true</tt> might - * improve performance.</p> - * <br><p>The <tt>deferredRender</tt> property is internally passed to the layout manager for - * TabPanels ({@link Ext.layout.container.Card}) as its {@link Ext.layout.container.Card#deferredRender} - * configuration value.</p> - * <br><p><b>Note</b>: leaving <tt>deferredRender</tt> as <tt>true</tt> means that the content - * within an unactivated tab will not be available</p> + * + * True by default to defer the rendering of child {@link Ext.container.Container#items items} to the browsers DOM + * until a tab is activated. False will render all contained {@link Ext.container.Container#items items} as soon as + * the {@link Ext.layout.container.Card layout} is rendered. If there is a significant amount of content or a lot of + * heavy controls being rendered into panels that are not displayed by default, setting this to true might improve + * performance. + * + * The deferredRender property is internally passed to the layout manager for TabPanels ({@link + * Ext.layout.container.Card}) as its {@link Ext.layout.container.Card#deferredRender} configuration value. + * + * **Note**: leaving deferredRender as true means that the content within an unactivated tab will not be available */ deferredRender : true, @@ -335,10 +386,8 @@ Ext.define('Ext.tab.Panel', { itemCls: me.itemCls }, me.layout)); - /** - * @property tabBar - * @type Ext.TabBar - * Internal reference to the docked TabBar + /** + * @property {Ext.tab.Bar} tabBar Internal reference to the docked TabBar */ me.tabBar = Ext.create('Ext.tab.Bar', Ext.apply({}, me.tabBar, { dock: me.tabPosition, @@ -356,8 +405,8 @@ Ext.define('Ext.tab.Panel', { me.dockedItems = dockedItems; me.addEvents( - /** - * @event beforetabchange + /** + * @event * Fires before a tab change (activated by {@link #setActiveTab}). Return false in any listener to cancel * the tabchange * @param {Ext.tab.Panel} tabPanel The TabPanel @@ -366,8 +415,8 @@ Ext.define('Ext.tab.Panel', { */ 'beforetabchange', - /** - * @event tabchange + /** + * @event * Fires when a new tab has been activated (activated by {@link #setActiveTab}). * @param {Ext.tab.Panel} tabPanel The TabPanel * @param {Ext.Component} newCard The newly activated item @@ -383,7 +432,7 @@ Ext.define('Ext.tab.Panel', { me.on('afterlayout', me.afterInitialLayout, me, {single: true}); }, - /** + /** * @private * We have to wait until after the initial layout to visually activate the activeTab (if set). * The active tab has different margins than normal tabs, so if the initial layout happens with @@ -393,15 +442,15 @@ Ext.define('Ext.tab.Panel', { afterInitialLayout: function() { var me = this, card = me.getComponent(me.activeTab); - + if (card) { me.layout.setActiveItem(card); } }, - /** - * Makes the given card active (makes it the visible card in the TabPanel's CardLayout and highlights the Tab) - * @param {Ext.Component} card The card to make active + /** + * Makes the given card active. Makes it the visible card in the TabPanel's CardLayout and highlights the Tab. + * @param {String/Number/Ext.Component} card The card to make active. Either an ID, index or the component itself. */ setActiveTab: function(card) { var me = this, @@ -410,56 +459,62 @@ Ext.define('Ext.tab.Panel', { card = me.getComponent(card); if (card) { previous = me.getActiveTab(); - + if (previous && previous !== card && me.fireEvent('beforetabchange', me, card, previous) === false) { return false; } - + me.tabBar.setActiveTab(card.tab); me.activeTab = card; if (me.rendered) { me.layout.setActiveItem(card); } - + if (previous && previous !== card) { me.fireEvent('tabchange', me, card, previous); } } }, - /** + /** * Returns the item that is currently active inside this TabPanel. Note that before the TabPanel first activates a - * child component this will return whatever was configured in the {@link #activeTab} config option - * @return {Ext.Component/Integer} The currently active item + * child component this will return whatever was configured in the {@link #activeTab} config option + * @return {String/Number/Ext.Component} The currently active item */ getActiveTab: function() { return this.activeTab; }, - /** + /** * Returns the {@link Ext.tab.Bar} currently used in this TabPanel - * @return {Ext.TabBar} The TabBar + * @return {Ext.tab.Bar} The TabBar */ getTabBar: function() { return this.tabBar; }, - /** + /** * @ignore * Makes sure we have a Tab for each item added to the TabPanel */ onAdd: function(item, index) { - var me = this; + var me = this, + cfg = item.tabConfig || {}, + defaultConfig = { + xtype: 'tab', + card: item, + disabled: item.disabled, + closable: item.closable, + hidden: item.hidden, + tabBar: me.tabBar + }; + + if (item.closeText) { + defaultConfig.closeText = item.closeText; + } + cfg = Ext.applyIf(cfg, defaultConfig); + item.tab = me.tabBar.insert(index, cfg); - item.tab = me.tabBar.insert(index, { - xtype: 'tab', - card: item, - disabled: item.disabled, - closable: item.closable, - hidden: item.hidden, - tabBar: me.tabBar - }); - item.on({ scope : me, enable: me.onItemEnable, @@ -486,8 +541,8 @@ Ext.define('Ext.tab.Panel', { me.setActiveTab(0); } }, - - /** + + /** * @private * Enable corresponding tab when item is enabled. */ @@ -495,15 +550,15 @@ Ext.define('Ext.tab.Panel', { item.tab.enable(); }, - /** + /** * @private * Disable corresponding tab when item is enabled. - */ + */ onItemDisable: function(item){ item.tab.disable(); }, - - /** + + /** * @private * Sets activeTab before item is shown. */ @@ -511,10 +566,10 @@ Ext.define('Ext.tab.Panel', { if (item !== this.activeTab) { this.setActiveTab(item); return false; - } + } }, - - /** + + /** * @private * Update the tab iconCls when panel iconCls has been set or changed. */ @@ -522,8 +577,8 @@ Ext.define('Ext.tab.Panel', { item.tab.setIconCls(newIconCls); this.getTabBar().doLayout(); }, - - /** + + /** * @private * Update the tab title when panel title has been set or changed. */ @@ -533,7 +588,7 @@ Ext.define('Ext.tab.Panel', { }, - /** + /** * @ignore * If we're removing the currently active tab, activate the nearest one. The item is removed when we call super, * so we can do preprocessing before then to find the card's index @@ -541,17 +596,15 @@ Ext.define('Ext.tab.Panel', { doRemove: function(item, autoDestroy) { var me = this, items = me.items, - /** - * At this point the item hasn't been removed from the items collection. - * As such, if we want to check if there are no more tabs left, we have to - * check for one, as opposed to 0. - */ + // At this point the item hasn't been removed from the items collection. + // As such, if we want to check if there are no more tabs left, we have to + // check for one, as opposed to 0. hasItemsLeft = items.getCount() > 1; if (me.destroying || !hasItemsLeft) { me.activeTab = null; } else if (item === me.activeTab) { - me.setActiveTab(item.next() || items.getAt(0)); + me.setActiveTab(item.next() || items.getAt(0)); } me.callParent(arguments); @@ -560,13 +613,13 @@ Ext.define('Ext.tab.Panel', { delete item.tab; }, - /** + /** * @ignore * Makes sure we remove the corresponding Tab when an item is removed */ onRemove: function(item, autoDestroy) { var me = this; - + item.un({ scope : me, enable: me.onItemEnable, @@ -578,4 +631,6 @@ Ext.define('Ext.tab.Panel', { } } }); -