Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / AbstractContainer2.html
index b7ec7e7..6b60776 100644 (file)
@@ -1,9 +1,26 @@
-<!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-layout.container.AbstractContainer'>/**
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The source code</title>
+  <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>
+  <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-layout-container-AbstractContainer'>/**
 </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 */
@@ -14,65 +31,27 @@ 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 id='Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtComponent'>    /**
 </span>     * @cfg {Boolean} bindToOwnerCtComponent
      * Flag to notify the ownerCt Component on afterLayout of a change
      */
     bindToOwnerCtComponent: false,
 
-<span id='Ext-layout.container.AbstractContainer-cfg-bindToOwnerCtContainer'>    /**
+<span id='Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtContainer'>    /**
 </span>     * @cfg {Boolean} bindToOwnerCtContainer
      * Flag to notify the ownerCt Container on afterLayout of a change
      */
     bindToOwnerCtContainer: false,
 
-<span id='Ext-layout.container.AbstractContainer-cfg-itemCls'>    /**
+<span id='Ext-layout-container-AbstractContainer-cfg-itemCls'>    /**
 </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 id='Ext-layout-container-AbstractContainer-method-setItemSize'>    /**
 </span>    * Set the size of an item within the Container.  We should always use setCalculatedSize.
     * @private
     */
@@ -84,32 +63,41 @@ Ext.define('Ext.layout.container.AbstractContainer', {
         item.setCalculatedSize(width, height, this.owner);
     },
 
-<span id='Ext-layout.container.AbstractContainer-method-getLayoutItems'>    /**
+<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 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 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 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();
      }
 });
-</pre></pre></body></html>
\ No newline at end of file
+</pre>
+</body>
+</html>