Upgrade to ExtJS 3.0.0 - Released 07/06/2009

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

new file mode 100644 (file)

index 0000000..f1f4419
--- /dev/null
+++ b/docs/source/AbsoluteLayout.html
@@ -0,0 +1,86 @@
+<html>\r
+<head>\r
+  <title>The source code</title>\r
+    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body  onload="prettyPrint();">\r
+    <pre class="prettyprint lang-js"><div id="cls-Ext.layout.AbsoluteLayout"></div>/**\r
+ * @class Ext.layout.AbsoluteLayout\r
+ * @extends Ext.layout.AnchorLayout\r
+ * <p>This is a layout that inherits the anchoring of <b>{@link Ext.layout.AnchorLayout}</b> and adds the\r
+ * ability for x/y positioning using the standard x and y component config options.</p>\r
+ * <p>This class is intended to be extended or created via the <tt><b>{@link Ext.Container#layout layout}</b></tt>\r
+ * configuration property.  See <tt><b>{@link Ext.Container#layout}</b></tt> for additional details.</p>\r
+ * <p>Example usage:</p>\r
+ * <pre><code>\r
+var form = new Ext.form.FormPanel({\r
+    title: 'Absolute Layout',\r
+    layout:'absolute',\r
+    layoutConfig: {\r
+        // layout-specific configs go here\r
+        extraCls: 'x-abs-layout-item',\r
+    },\r
+    baseCls: 'x-plain',\r
+    url:'save-form.php',\r
+    defaultType: 'textfield',\r
+    items: [{\r
+        x: 0,\r
+        y: 5,\r
+        xtype:'label',\r
+        text: 'Send To:'\r
+    },{\r
+        x: 60,\r
+        y: 0,\r
+        name: 'to',\r
+        anchor:'100%'  // anchor width by percentage\r
+    },{\r
+        x: 0,\r
+        y: 35,\r
+        xtype:'label',\r
+        text: 'Subject:'\r
+    },{\r
+        x: 60,\r
+        y: 30,\r
+        name: 'subject',\r
+        anchor: '100%'  // anchor width by percentage\r
+    },{\r
+        x:0,\r
+        y: 60,\r
+        xtype: 'textarea',\r
+        name: 'msg',\r
+        anchor: '100% 100%'  // anchor width and height\r
+    }]\r
+});\r
+</code></pre>\r
+ */\r
+Ext.layout.AbsoluteLayout = Ext.extend(Ext.layout.AnchorLayout, {\r
+\r
+    extraCls: 'x-abs-layout-item',\r
+\r
+    onLayout : function(ct, target){\r
+        target.position();\r
+        this.paddingLeft = target.getPadding('l');\r
+        this.paddingTop = target.getPadding('t');\r
+\r
+        Ext.layout.AbsoluteLayout.superclass.onLayout.call(this, ct, target);\r
+    },\r
+\r
+    // private\r
+    adjustWidthAnchor : function(value, comp){\r
+        return value ? value - comp.getPosition(true)[0] + this.paddingLeft : value;\r
+    },\r
+\r
+    // private\r
+    adjustHeightAnchor : function(value, comp){\r
+        return  value ? value - comp.getPosition(true)[1] + this.paddingTop : value;\r
+    }\r
+    <div id="prop-Ext.layout.AbsoluteLayout-activeItem"></div>/**\r
+     * @property activeItem\r
+     * @hide\r
+     */\r
+});\r
+Ext.Container.LAYOUTS['absolute'] = Ext.layout.AbsoluteLayout;
+</pre>    \r
+</body>\r
+</html>
+\ No newline at end of file