-<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-container.AbstractContainer'>/**
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>The source code</title>
+ <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
+ <script type="text/javascript" src="../prettify/prettify.js"></script>
+ <style type="text/css">
+ .highlight { display: block; background-color: #ddd; }
+ </style>
+ <script type="text/javascript">
+ function highlight() {
+ document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+ }
+ </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+ <pre class="prettyprint lang-js"><span id='Ext-container-AbstractContainer'>/**
</span> * @class Ext.container.AbstractContainer
* @extends Ext.Component
* <p>An abstract base class which provides shared methods for Containers across the Sencha product line.</p>
],
/* End Definitions */
-<span id='Ext-container.AbstractContainer-cfg-layout'> /**
+<span id='Ext-container-AbstractContainer-cfg-layout'> /**
</span> * @cfg {String/Object} layout
* <p><b>*Important</b>: In order for child items to be correctly sized and
* positioned, typically a layout manager <b>must</b> be specified through
* </ul></div></ul></div>
*/
-<span id='Ext-container.AbstractContainer-cfg-activeItem'> /**
+<span id='Ext-container-AbstractContainer-cfg-activeItem'> /**
</span> * @cfg {String/Number} activeItem
* A string component id or the numeric index of the component that should be initially activated within the
* container's layout on render. For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first
* item in the container's collection). activeItem only applies to layout styles that can display
* items one at a time (like {@link Ext.layout.container.Card} and {@link Ext.layout.container.Fit}).
*/
-<span id='Ext-container.AbstractContainer-cfg-items'> /**
+<span id='Ext-container-AbstractContainer-cfg-items'> /**
</span> * @cfg {Object/Array} items
* <p>A single item, or an array of child Components to be added to this container</p>
* <p><b>Unless configured with a {@link #layout}, a Container simply renders child Components serially into
* <p>Do not specify <code>{@link Ext.panel.Panel#contentEl contentEl}</code> or
* <code>{@link Ext.panel.Panel#html html}</code> with <code>items</code>.</p>
*/
-<span id='Ext-container.AbstractContainer-cfg-defaults'> /**
+<span id='Ext-container-AbstractContainer-cfg-defaults'> /**
</span> * @cfg {Object|Function} defaults
* <p>This option is a means of applying default settings to all added items whether added through the {@link #items}
* config or via the {@link #add} or {@link #insert} methods.</p>
]</code></pre>
*/
-<span id='Ext-container.AbstractContainer-cfg-suspendLayout'> /** @cfg {Boolean} suspendLayout
+<span id='Ext-container-AbstractContainer-cfg-suspendLayout'> /** @cfg {Boolean} suspendLayout
</span> * If true, suspend calls to doLayout. Useful when batching multiple adds to a container and not passing them
* as multiple arguments or an array.
*/
suspendLayout : false,
-<span id='Ext-container.AbstractContainer-cfg-autoDestroy'> /** @cfg {Boolean} autoDestroy
+<span id='Ext-container-AbstractContainer-cfg-autoDestroy'> /** @cfg {Boolean} autoDestroy
</span> * If true the container will automatically destroy any contained component that is removed from it, else
* destruction must be handled manually.
* Defaults to true.
*/
autoDestroy : true,
-<span id='Ext-container.AbstractContainer-cfg-defaultType'> /** @cfg {String} defaultType
+<span id='Ext-container-AbstractContainer-cfg-defaultType'> /** @cfg {String} defaultType
</span> * <p>The default {@link Ext.Component xtype} of child Components to create in this Container when
* a child item is specified as a raw configuration object, rather than as an instantiated Component.</p>
* <p>Defaults to <code>'panel'</code>.</p>
baseCls: Ext.baseCSSPrefix + 'container',
-<span id='Ext-container.AbstractContainer-cfg-bubbleEvents'> /**
+<span id='Ext-container-AbstractContainer-cfg-bubbleEvents'> /**
</span> * @cfg {Array} bubbleEvents
* <p>An array of events that, when fired, should be bubbled to any parent container.
* See {@link Ext.util.Observable#enableBubble}.
initComponent : function(){
var me = this;
me.addEvents(
-<span id='Ext-container.AbstractContainer-event-afterlayout'> /**
+<span id='Ext-container-AbstractContainer-event-afterlayout'> /**
</span> * @event afterlayout
* Fires when the components in this container are arranged by the associated layout manager.
* @param {Ext.container.Container} this
* @param {ContainerLayout} layout The ContainerLayout implementation for this container
*/
'afterlayout',
-<span id='Ext-container.AbstractContainer-event-beforeadd'> /**
+<span id='Ext-container-AbstractContainer-event-beforeadd'> /**
</span> * @event beforeadd
* Fires before any {@link Ext.Component} is added or inserted into the container.
* A handler can return false to cancel the add.
* @param {Number} index The index at which the component will be added to the container's items collection
*/
'beforeadd',
-<span id='Ext-container.AbstractContainer-event-beforeremove'> /**
+<span id='Ext-container-AbstractContainer-event-beforeremove'> /**
</span> * @event beforeremove
* Fires before any {@link Ext.Component} is removed from the container. A handler can return
* false to cancel the remove.
* @param {Ext.Component} component The component being removed
*/
'beforeremove',
-<span id='Ext-container.AbstractContainer-event-add'> /**
+<span id='Ext-container-AbstractContainer-event-add'> /**
</span> * @event add
* @bubbles
* Fires after any {@link Ext.Component} is added or inserted into the container.
* @param {Number} index The index at which the component was added to the container's items collection
*/
'add',
-<span id='Ext-container.AbstractContainer-event-remove'> /**
+<span id='Ext-container-AbstractContainer-event-remove'> /**
</span> * @event remove
* @bubbles
* Fires after any {@link Ext.Component} is removed from the container.
* @param {Ext.Component} component The component that was removed
*/
'remove',
-<span id='Ext-container.AbstractContainer-event-beforecardswitch'> /**
+<span id='Ext-container-AbstractContainer-event-beforecardswitch'> /**
</span> * @event beforecardswitch
* Fires before this container switches the active card. This event
* is only available if this container uses a CardLayout. Note that
* @param {Boolean} animated True if this cardswitch will be animated
*/
'beforecardswitch',
-<span id='Ext-container.AbstractContainer-event-cardswitch'> /**
+<span id='Ext-container-AbstractContainer-event-cardswitch'> /**
</span> * @event cardswitch
* Fires after this container switches the active card. If the card
* is switched using an animation, this event will fire after the
var me = this,
items = me.items;
-<span id='Ext-container.AbstractContainer-property-items'> /**
+<span id='Ext-container-AbstractContainer-property-items'> /**
</span> * The MixedCollection containing all the child items of this container.
* @property items
* @type Ext.util.MixedCollection
layout.setOwner(this);
},
-<span id='Ext-container.AbstractContainer-method-getLayout'> /**
+<span id='Ext-container-AbstractContainer-method-getLayout'> /**
</span> * Returns the {@link Ext.layout.container.AbstractContainer layout} instance currently associated with this Container.
* If a layout has not been instantiated yet, that is done first
* @return {Ext.layout.container.AbstractContainer} The layout
return me.layout;
},
-<span id='Ext-container.AbstractContainer-method-doLayout'> /**
+<span id='Ext-container-AbstractContainer-method-doLayout'> /**
</span> * Manually force this container's layout to be recalculated. The framwork uses this internally to refresh layouts
* form most cases.
* @return {Ext.container.Container} this
return comp.getItemId();
},
-<span id='Ext-container.AbstractContainer-method-add'> /**
+<span id='Ext-container-AbstractContainer-method-add'> /**
</span>
Adds {@link Ext.Component Component}(s) to this Container.
return cmp;
},
-<span id='Ext-container.AbstractContainer-method-registerFloatingItem'> /**
+<span id='Ext-container-AbstractContainer-method-registerFloatingItem'> /**
</span> * @private
* <p>Called by Component#doAutoRender</p>
* <p>Register a Container configured <code>floating: true</code> with this Container's {@link Ext.ZIndexManager ZIndexManager}.</p>
onAdd : Ext.emptyFn,
onRemove : Ext.emptyFn,
-<span id='Ext-container.AbstractContainer-method-insert'> /**
+<span id='Ext-container-AbstractContainer-method-insert'> /**
</span> * Inserts a Component into this Container at a specified index. Fires the
* {@link #beforeadd} event before inserting, then fires the {@link #add} event after the
* Component has been inserted.
return this.add(index, comp);
},
-<span id='Ext-container.AbstractContainer-method-move'> /**
+<span id='Ext-container-AbstractContainer-method-move'> /**
</span> * Moves a Component within the Container
* @param {Number} fromIdx The index the Component you wish to move is currently at.
* @param {Number} toIdx The new index for the Component.
}
},
-<span id='Ext-container.AbstractContainer-method-remove'> /**
+<span id='Ext-container-AbstractContainer-method-remove'> /**
</span> * Removes a component from this container. Fires the {@link #beforeremove} event before removing, then fires
* the {@link #remove} event after the component has been removed.
* @param {Component/String} component The component reference or id to remove.
}
},
-<span id='Ext-container.AbstractContainer-method-removeAll'> /**
+<span id='Ext-container-AbstractContainer-method-removeAll'> /**
</span> * Removes all components from this container.
* @param {Boolean} autoDestroy (optional) True to automatically invoke the removed Component's {@link Ext.Component#destroy} function.
* Defaults to the value of this Container's {@link #autoDestroy} config.
return result;
},
-<span id='Ext-container.AbstractContainer-method-cascade'> /**
+<span id='Ext-container-AbstractContainer-method-cascade'> /**
</span> * Cascades down the component/container heirarchy from this component (passed in the first call), calling the specified function with
* each component. The scope (<code>this</code> reference) of the
* function call will be the scope provided or the current component. The arguments to the function
return this;
},
-<span id='Ext-container.AbstractContainer-method-getComponent'> /**
+<span id='Ext-container-AbstractContainer-method-getComponent'> /**
</span> * Examines this container's <code>{@link #items}</code> <b>property</b>
* and gets a direct child component of this container.
* @param {String/Number} comp This parameter may be any of the following:
return this.items.get(comp);
},
-<span id='Ext-container.AbstractContainer-method-query'> /**
+<span id='Ext-container-AbstractContainer-method-query'> /**
</span> * Retrieves all descendant components which match the passed selector.
* Executes an Ext.ComponentQuery.query using this container as its root.
* @param {String} selector Selector complying to an Ext.ComponentQuery selector
return Ext.ComponentQuery.query(selector, this);
},
-<span id='Ext-container.AbstractContainer-method-child'> /**
+<span id='Ext-container-AbstractContainer-method-child'> /**
</span> * Retrieves the first direct child of this container which matches the passed selector.
* The passed in selector must comply with an Ext.ComponentQuery selector.
* @param {String} selector An Ext.ComponentQuery selector
return this.query('> ' + selector)[0] || null;
},
-<span id='Ext-container.AbstractContainer-method-down'> /**
+<span id='Ext-container-AbstractContainer-method-down'> /**
</span> * Retrieves the first descendant of this container which matches the passed selector.
* The passed in selector must comply with an Ext.ComponentQuery selector.
* @param {String} selector An Ext.ComponentQuery selector
this.callParent();
},
-<span id='Ext-container.AbstractContainer-method-beforeLayout'> /**
+<span id='Ext-container-AbstractContainer-method-beforeLayout'> /**
</span> * Occurs before componentLayout is run. Returning false from this method will prevent the containerLayout
* from being executed.
*/
);
me.callParent();
}
-});</pre></pre></body></html>
\ No newline at end of file
+});</pre>
+</body>
+</html>