Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / AbstractContainer2.html
index e623b51..6b60776 100644 (file)
@@ -3,8 +3,8 @@
 <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>
+  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
   <style type="text/css">
     .highlight { display: block; background-color: #ddd; }
   </style>
@@ -19,8 +19,8 @@
 </span> * @class Ext.layout.container.AbstractContainer
  * @extends Ext.layout.Layout
  * Please refer to sub classes documentation
+ * @private
  */
-
 Ext.define('Ext.layout.container.AbstractContainer', {
 
     /* Begin Definitions */
@@ -31,13 +31,6 @@ Ext.define('Ext.layout.container.AbstractContainer', {
 
     type: 'container',
 
-    fixedLayout: true,
-
-    // @private
-    managedHeight: true,
-    // @private
-    managedWidth: true,
-
 <span id='Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtComponent'>    /**
 </span>     * @cfg {Boolean} bindToOwnerCtComponent
      * Flag to notify the ownerCt Component on afterLayout of a change
@@ -54,41 +47,10 @@ Ext.define('Ext.layout.container.AbstractContainer', {
 </span>     * @cfg {String} itemCls
      * &lt;p&gt;An optional extra CSS class that will be added to the container. This can be useful for adding
      * customized styles to the container or any of its children using standard CSS rules. See
-     * {@link Ext.Component}.{@link Ext.Component#ctCls ctCls} also.&lt;/p&gt;
+     * {@link Ext.Component}.{@link Ext.Component#componentCls componentCls} also.&lt;/p&gt;
      * &lt;/p&gt;
      */
 
-    isManaged: function(dimension) {
-        dimension = Ext.String.capitalize(dimension);
-        var me = this,
-            child = me,
-            managed = me['managed' + dimension],
-            ancestor = me.owner.ownerCt;
-
-        if (ancestor &amp;&amp; ancestor.layout) {
-            while (ancestor &amp;&amp; ancestor.layout) {
-                if (managed === false || ancestor.layout['managed' + dimension] === false) {
-                    managed = false;
-                    break;
-                }
-                ancestor = ancestor.ownerCt;
-            }
-        }
-        return managed;
-    },
-
-    layout: function() {
-        var me = this,
-            owner = me.owner;
-        if (Ext.isNumber(owner.height) || owner.isViewport) {
-            me.managedHeight = false;
-        }
-        if (Ext.isNumber(owner.width) || owner.isViewport) {
-            me.managedWidth = false;
-        }
-        me.callParent(arguments);
-    },
-
 <span id='Ext-layout-container-AbstractContainer-method-setItemSize'>    /**
 </span>    * Set the size of an item within the Container.  We should always use setCalculatedSize.
     * @private
@@ -104,26 +66,33 @@ Ext.define('Ext.layout.container.AbstractContainer', {
 <span id='Ext-layout-container-AbstractContainer-method-getLayoutItems'>    /**
 </span>     * &lt;p&gt;Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's
      * base class), or the layout phase (onLayout).&lt;/p&gt;
-     * @return {Array} of child components
+     * @return {Ext.Component[]} of child components
      */
     getLayoutItems: function() {
         return this.owner &amp;&amp; this.owner.items &amp;&amp; this.owner.items.items || [];
     },
 
+<span id='Ext-layout-container-AbstractContainer-method-beforeLayout'>    /**
+</span>     * Containers should not lay out child components when collapsed.
+     */
+    beforeLayout: function() {
+        return !this.owner.collapsed &amp;&amp; this.callParent(arguments);
+    },
+
     afterLayout: function() {
         this.owner.afterLayout(this);
     },
 <span id='Ext-layout-container-AbstractContainer-method-getTarget'>    /**
 </span>     * Returns the owner component's resize element.
-     * @return {Ext.core.Element}
+     * @return {Ext.Element}
      */
      getTarget: function() {
          return this.owner.getTargetEl();
      },
 <span id='Ext-layout-container-AbstractContainer-method-getRenderTarget'>    /**
-</span>     * &lt;p&gt;Returns the element into which rendering must take place. Defaults to the owner Container's {@link Ext.AbstractComponent#targetEl}.&lt;/p&gt;
+</span>     * &lt;p&gt;Returns the element into which rendering must take place. Defaults to the owner Container's target element.&lt;/p&gt;
      * May be overridden in layout managers which implement an inner element.
-     * @return {Ext.core.Element}
+     * @return {Ext.Element}
      */
      getRenderTarget: function() {
          return this.owner.getTargetEl();