Upgrade to ExtJS 4.0.7 - Released 10/19/2011

[extjs.git] / docs / source / Auto2.html
diff --git a/docs/source/Auto2.html b/docs/source/Auto2.html

index 2160f2d..a6e6895 100644 (file)
--- a/docs/source/Auto2.html
+++ b/docs/source/Auto2.html
@@ -1,33 +1,50 @@
-<!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.Auto'>/**
+<!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-Auto'>/**
  </span> * @class Ext.layout.container.Auto
   * @extends Ext.layout.container.Container
   *
- * &lt;p&gt;The AutoLayout is the default layout manager delegated by {@link Ext.container.Container} to
- * render any child Components when no &lt;tt&gt;{@link Ext.container.Container#layout layout}&lt;/tt&gt; is configured into
- * a &lt;tt&gt;{@link Ext.container.Container Container}.&lt;/tt&gt;.  AutoLayout provides only a passthrough of any layout calls
- * to any child containers.&lt;/p&gt;
- * {@img Ext.layout.container.Auto/Ext.layout.container.Auto.png Ext.layout.container.Auto container layout}
- * Example usage:
-       Ext.create('Ext.Panel', {
-               width: 500,
-               height: 280,
-               title: &quot;AutoLayout Panel&quot;,
-               layout: 'auto',
-               renderTo: document.body,
-               items: [{
-                       xtype: 'panel',
-                       title: 'Top Inner Panel',
-                       width: '75%',
-                       height: 90
-               },{
-                       xtype: 'panel',
-                       title: 'Bottom Inner Panel',
-                       width: '75%',
-                       height: 90
-               }]
-       });
+ * The AutoLayout is the default layout manager delegated by {@link Ext.container.Container} to
+ * render any child Components when no `{@link Ext.container.Container#layout layout}` is configured into
+ * a `{@link Ext.container.Container Container}.` AutoLayout provides only a passthrough of any layout calls
+ * to any child containers.
+ *
+ *     @example
+ *     Ext.create('Ext.Panel', {
+ *         width: 500,
+ *         height: 280,
+ *         title: &quot;AutoLayout Panel&quot;,
+ *         layout: 'auto',
+ *         renderTo: document.body,
+ *         items: [{
+ *             xtype: 'panel',
+ *             title: 'Top Inner Panel',
+ *             width: '75%',
+ *             height: 90
+ *         },
+ *         {
+ *             xtype: 'panel',
+ *             title: 'Bottom Inner Panel',
+ *             width: '75%',
+ *             height: 90
+ *         }]
+ *     });
   */
-
  Ext.define('Ext.layout.container.Auto', {
  
      /* Begin Definitions */
@@ -40,8 +57,6 @@ Ext.define('Ext.layout.container.Auto', {
  
      type: 'autocontainer',
  
-    fixedLayout: false,
-
      bindToOwnerCtComponent: true,
  
      // @private
@@ -68,5 +83,15 @@ Ext.define('Ext.layout.container.Auto', {
                  me.setItemSize(items[i]);
              }
          }
+    },
+
+    configureItem: function(item) {
+        this.callParent(arguments);
+
+        // Auto layout does not manage any dimensions.
+        item.layoutManagedHeight = 2;
+        item.layoutManagedWidth = 2;
      }
-});</pre></pre></body></html>
-\ No newline at end of file
+});</pre>
+</body>
+</html>