docs/api/Ext.ComponentManager.html

   1 <!DOCTYPE html><html><head><title>Ext.ComponentManager | Ext JS 4.0 Documentation</title><script type="text/javascript" src="../ext-all.js"></script><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../scrollbars.css" type="text/css"><link rel="stylesheet" href="../docs.css" type="text/css"><link id="styleCss" rel="stylesheet" href="../style.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script><link rel="stylesheet" href="../prettify.css" type="text/css"><!-- link(rel: 'stylesheet', href: req.baseURL + '/css/ext4.css', type: 'text/css')--><link rel="shortcut icon" type="image/ico" href="../favicon.ico"><!--[if IE]>
   2 <style type="text/css">.head-band { display: none; }
   3 .header { border: 0; top: 0; left: 0px; background: url(../header.gif) repeat-x; }
   4 .doc-tab .members .member a.more { background-color: #efefef; }
   5 </style><link rel="stylesheet" href="/new/css/ie.css" type="text/css"><![endif]-->
   6 </head><body id="ext-body" class="iScroll"><div id="notice" class="notice">For up to date documentation and features, visit
   7 <a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a></div><div class="wrapper"><div class="head-band"></div><div class="header"><h2><a href="../index.html">Sencha Documentation</a></h2></div><div id="search"><form><input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q"></form><div id="search-box"></div></div><div id="treePanel"></div><div id="container"><script type="text/javascript">
   8
   9     req = {
  10         liveURL: '.',
  11         standAloneMode: true,
  12         origDocClass: 'Ext.ComponentManager',
  13         docClass: 'Ext.ComponentManager',
  14         docReq: 'Ext.ComponentManager',
  15         version: '4.0',
  16         baseURL: '.',
  17         baseDocURL: '.',
  18         baseProdURL: '.'
  19     };
  20
  21     clsInfo = {};
  22
  23
  24
  25 </script>
  26
  27 <script type="text/javascript" src="../search.js"></script>
  28 <!--script type="text/javascript" src="/new/javascripts/app/examples.js"></script-->
  29 <script type="text/javascript" src="../class_tree.js"></script>
  30 <script type="text/javascript" src="../class_doc.js"></script>
  31 <script type="text/javascript">
  32     req.source = 'ComponentManager.html#Ext-ComponentManager';
  33     clsInfo = {"methods":["create","each","get","getCount","isRegistered","onAvailable","register","registerType","unregister"],"cfgs":[],"properties":["all"],"events":[],"subclasses":[]};
  34     Ext.onReady(function() {
  35         Ext.create('Docs.classPanel');
  36     });
  37 </script><div id="top-block" class="top-block"><h1 id="clsTitle" class="cls"><a href="../source/ComponentManager.html#Ext-ComponentManager" target="_blank">Ext.ComponentManager</a></h1></div><div id="docContent"><div id="doc-overview-content"><div class="lft"><pre class="subclasses"><h4>Hierarchy</h4><div class="subclass f"><a href="Ext.AbstractManager.html" rel="Ext.AbstractManager" class="cls docClass">Ext.AbstractManager</a><div class="subclass"><strong>Ext.ComponentManager</strong></div></div></pre><p>Provides a registry of all Components (instances of <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> or any subclass
  38 thereof) on a page so that they can be easily accessed by <a href="Ext.Component.html" rel="Ext.Component" class="docClass">component</a>
  39 <a href="Ext.Component.html#id" rel="Ext.Component#id" class="docClass">id</a> (see <a href="Ext.ComponentManager.html#get" rel="Ext.ComponentManager#get" class="docClass">get</a>, or the convenience method <a href="Ext.html#getCmp" rel="Ext#getCmp" class="docClass">Ext.getCmp</a>).</p>
  40
  41
  42 <p>This object also provides a registry of available Component <i>classes</i>
  43 indexed by a mnemonic code known as the Component's <a href="Ext.Component.html#xtype" rel="Ext.Component#xtype" class="docClass">xtype</a>.
  44 The <code>xtype</code> provides a way to avoid instantiating child Components
  45 when creating a full, nested config object for a complete <a href="Ext.html" rel="Ext" class="docClass">Ext</a> page.</p>
  46
  47
  48 <p>A child Component may be specified simply as a <i>config object</i>
  49 as long as the correct <code><a href="Ext.Component.html#xtype" rel="Ext.Component#xtype" class="docClass">xtype</a></code> is specified so that if and when the Component
  50 needs rendering, the correct type can be looked up for lazy instantiation.</p>
  51
  52
  53 <p>For a list of all available <code><a href="Ext.Component.html#xtype" rel="Ext.Component#xtype" class="docClass">xtypes</a></code>, see <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a>.</p>
  54
  55 <div class="members"><div class="m-properties"><a name="properties"></a><div class="definedBy">Defined By</div><h3 class="prp p">Properties</h3><div id="property-all" class="member f inherited"><a href="Ext.ComponentManager.html#property-all" rel="property-all" class="expand more"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-property-all" class="viewSource">view source</a></div><a name="all"></a><a name="property-all"></a><a href="Ext.ComponentManager.html#" rel="property-all" class="cls expand">all</a><span> : Ext.util.MixedCollection</span></div><div class="description"><div class="short"><p>Contains all of the items currently managed</p>
  56 </div><div class="long"><p>Contains all of the items currently managed</p>
  57 </div></div></div></div><div class="m-methods"><a name="methods"></a><div class="definedBy">Defined By</div><h3 class="mth p">Methods</h3><div id="method-create" class="member f ni"><a href="Ext.ComponentManager.html#method-create" rel="method-create" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.ComponentManager.html" class="definedIn docClass">Ext.ComponentManager</a><br/><a href="../source/ComponentManager.html#Ext-ComponentManager-method-create" class="viewSource">view source</a></div><a name="create"></a><a name="method-create"></a><a href="Ext.ComponentManager.html#" rel="method-create" class="cls expand">create</a>(
  58 <span class="pre">Object config, Constructor defaultType</span>)
  59  : Ext.Component</div><div class="description"><div class="short">Creates a new Component from the specified config object using the
  60 config object's xtype to determine the class to in...</div><div class="long"><p>Creates a new Component from the specified config object using the
  61 config object's xtype to determine the class to instantiate.</p>
  62 <h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>A configuration object for the Component you wish to create.</p>
  63 </div></li><li><span class="pre">defaultType</span> : Constructor<div class="sub-desc"><p>The constructor to provide the default Component type if
  64 the config object does not contain a <code>xtype</code>. (Optional if the config contains a <code>xtype</code>).</p>
  65 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span>&nbsp; &nbsp;<p>The newly instantiated Component.</p>
  66 </li></ul></div></div></div><div id="method-each" class="member inherited"><a href="Ext.ComponentManager.html#method-each" rel="method-each" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-each" class="viewSource">view source</a></div><a name="each"></a><a name="method-each"></a><a href="Ext.ComponentManager.html#" rel="method-each" class="cls expand">each</a>(
  67 <span class="pre">Object fn, Object scope</span>)
  68  : void</div><div class="description"><div class="short">Executes the specified function once for each item in the collection.
  69 Returning false from the function will cease it...</div><div class="long"><p>Executes the specified function once for each item in the collection.
  70 Returning false from the function will cease iteration.</p>
  71
  72 <p>The paramaters passed to the function are:</p>
  73
  74 <div class="mdetail-params"><ul>
  75 <li><b>key</b> : String<p class="sub-desc">The key of the item</p></li>
  76 <li><b>value</b> : Number<p class="sub-desc">The value of the item</p></li>
  77 <li><b>length</b> : Number<p class="sub-desc">The total number of items in the collection</p></li>
  78 </ul></div>
  79
  80 <h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Object<div class="sub-desc"><p>The function to execute.</p>
  81 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>The scope to execute in. Defaults to <tt>this</tt>.</p>
  82 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
  83 </li></ul></div></div></div><div id="method-get" class="member inherited"><a href="Ext.ComponentManager.html#method-get" rel="method-get" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-get" class="viewSource">view source</a></div><a name="get"></a><a name="method-get"></a><a href="Ext.ComponentManager.html#" rel="method-get" class="cls expand">get</a>(
  84 <span class="pre">String id</span>)
  85  : Mixed</div><div class="description"><div class="short"><p>Returns an item by id.
  86 For additional details see <a href="Ext.util.HashMap.html#get" rel="Ext.util.HashMap#get" class="docClass">Ext.util.HashMap.get</a>.</p>
  87 </div><div class="long"><p>Returns an item by id.
  88 For additional details see <a href="Ext.util.HashMap.html#get" rel="Ext.util.HashMap#get" class="docClass">Ext.util.HashMap.get</a>.</p>
  89 <h3 class="pa">Parameters</h3><ul><li><span class="pre">id</span> : String<div class="sub-desc"><p>The id of the item</p>
  90 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Mixed</span>&nbsp; &nbsp;<p>The item, <code>undefined</code> if not found.</p>
  91 </li></ul></div></div></div><div id="method-getCount" class="member inherited"><a href="Ext.ComponentManager.html#method-getCount" rel="method-getCount" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-getCount" class="viewSource">view source</a></div><a name="getCount"></a><a name="method-getCount"></a><a href="Ext.ComponentManager.html#" rel="method-getCount" class="cls expand">getCount</a> : Number</div><div class="description"><div class="short"><p>Gets the number of items in the collection.</p>
  92 </div><div class="long"><p>Gets the number of items in the collection.</p>
  93 <h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>&nbsp; &nbsp;<p>The number of items in the collection.</p>
  94 </li></ul></div></div></div><div id="method-isRegistered" class="member inherited"><a href="Ext.ComponentManager.html#method-isRegistered" rel="method-isRegistered" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-isRegistered" class="viewSource">view source</a></div><a name="isRegistered"></a><a name="method-isRegistered"></a><a href="Ext.ComponentManager.html#" rel="method-isRegistered" class="cls expand">isRegistered</a>(
  95 <span class="pre">String type</span>)
  96  : Boolean</div><div class="description"><div class="short"><p>Checks if an item type is registered.</p>
  97 </div><div class="long"><p>Checks if an item type is registered.</p>
  98 <h3 class="pa">Parameters</h3><ul><li><span class="pre">type</span> : String<div class="sub-desc"><p>The mnemonic string by which the class may be looked up</p>
  99 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>&nbsp; &nbsp;<p>Whether the type is registered.</p>
 100 </li></ul></div></div></div><div id="method-onAvailable" class="member inherited"><a href="Ext.ComponentManager.html#method-onAvailable" rel="method-onAvailable" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-onAvailable" class="viewSource">view source</a></div><a name="onAvailable"></a><a name="method-onAvailable"></a><a href="Ext.ComponentManager.html#" rel="method-onAvailable" class="cls expand">onAvailable</a>(
 101 <span class="pre">String id, Function fn, Object scope</span>)
 102  : void</div><div class="description"><div class="short">Registers a function that will be called when an item with the specified id is added to the manager. This will happen...</div><div class="long"><p>Registers a function that will be called when an item with the specified id is added to the manager. This will happen on instantiation.</p>
 103 <h3 class="pa">Parameters</h3><ul><li><span class="pre">id</span> : String<div class="sub-desc"><p>The item id</p>
 104 </div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The callback function. Called with a single parameter, the item.</p>
 105 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>The scope (<code>this</code> reference) in which the callback is executed. Defaults to the item.</p>
 106 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 107 </li></ul></div></div></div><div id="method-register" class="member inherited"><a href="Ext.ComponentManager.html#method-register" rel="method-register" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-register" class="viewSource">view source</a></div><a name="register"></a><a name="method-register"></a><a href="Ext.ComponentManager.html#" rel="method-register" class="cls expand">register</a>(
 108 <span class="pre">Mixed item</span>)
 109  : void</div><div class="description"><div class="short"><p>Registers an item to be managed</p>
 110 </div><div class="long"><p>Registers an item to be managed</p>
 111 <h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Mixed<div class="sub-desc"><p>The item to register</p>
 112 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 113 </li></ul></div></div></div><div id="method-registerType" class="member inherited"><a href="Ext.ComponentManager.html#method-registerType" rel="method-registerType" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-registerType" class="viewSource">view source</a></div><a name="registerType"></a><a name="method-registerType"></a><a href="Ext.ComponentManager.html#" rel="method-registerType" class="cls expand">registerType</a>(
 114 <span class="pre">String type, Constructor cls</span>)
 115  : void</div><div class="description"><div class="short"><p>Registers a new item constructor, keyed by a type key.
 116
 117 </div><div class="long"><p>Registers a new item constructor, keyed by a type key.
 118
 119 <h3 class="pa">Parameters</h3><ul><li><span class="pre">type</span> : String<div class="sub-desc"><p>The mnemonic string by which the class may be looked up.</p>
 120 </div></li><li><span class="pre">cls</span> : Constructor<div class="sub-desc"><p>The new instance class.</p>
 121 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 122 </li></ul></div></div></div><div id="method-unregister" class="member inherited"><a href="Ext.ComponentManager.html#method-unregister" rel="method-unregister" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.AbstractManager.html" class="definedIn docClass">Ext.AbstractManager</a><br/><a href="../source/AbstractManager.html#Ext-AbstractManager-method-unregister" class="viewSource">view source</a></div><a name="unregister"></a><a name="method-unregister"></a><a href="Ext.ComponentManager.html#" rel="method-unregister" class="cls expand">unregister</a>(
 123 <span class="pre">Mixed item</span>)
 124  : void</div><div class="description"><div class="short"><p>Unregisters an item by removing it from this manager</p>
 125 </div><div class="long"><p>Unregisters an item by removing it from this manager</p>
 126 <h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Mixed<div class="sub-desc"><p>The item to unregister</p>
 127 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 128 </li></ul></div></div></div></div></div></div></div><div id="pageContent"></div></div></div></div></body></html>