X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..HEAD:/src/layout/container/Absolute.js diff --git a/src/layout/container/Absolute.js b/src/layout/container/Absolute.js index fac7a40c..39299a68 100644 --- a/src/layout/container/Absolute.js +++ b/src/layout/container/Absolute.js @@ -15,63 +15,61 @@ If you are unsure which license is appropriate for your use, please contact the /** * @class Ext.layout.container.Absolute * @extends Ext.layout.container.Anchor - *

This is a layout that inherits the anchoring of {@link Ext.layout.container.Anchor} and adds the - * ability for x/y positioning using the standard x and y component config options.

- *

This class is intended to be extended or created via the {@link Ext.container.Container#layout layout} - * configuration property. See {@link Ext.container.Container#layout} for additional details.

- * {@img Ext.layout.container.Absolute/Ext.layout.container.Absolute.png Ext.layout.container.Absolute container layout} - *

Example usage:

- *

-Ext.create('Ext.form.Panel', {
-    title: 'Absolute Layout',
-    width: 300,
-    height: 275,
-    layout:'absolute',
-    layoutConfig: {
-        // layout-specific configs go here
-        //itemCls: 'x-abs-layout-item',
-    },
-    url:'save-form.php',
-    defaultType: 'textfield',
-    items: [{
-        x: 10,
-        y: 10,
-        xtype:'label',
-        text: 'Send To:'
-    },{
-        x: 80,
-        y: 10,
-        name: 'to',
-        anchor:'90%'  // anchor width by percentage
-    },{
-        x: 10,
-        y: 40,
-        xtype:'label',
-        text: 'Subject:'
-    },{
-        x: 80,
-        y: 40,
-        name: 'subject',
-        anchor: '90%'  // anchor width by percentage
-    },{
-        x:0,
-        y: 80,
-        xtype: 'textareafield',
-        name: 'msg',
-        anchor: '100% 100%'  // anchor width and height
-    }],
-    renderTo: Ext.getBody()
-});
-
+ * + * This is a layout that inherits the anchoring of {@link Ext.layout.container.Anchor} and adds the + * ability for x/y positioning using the standard x and y component config options. + * + * This class is intended to be extended or created via the {@link Ext.container.Container#layout layout} + * configuration property. See {@link Ext.container.Container#layout} for additional details. + * + * @example + * Ext.create('Ext.form.Panel', { + * title: 'Absolute Layout', + * width: 300, + * height: 275, + * layout:'absolute', + * layoutConfig: { + * // layout-specific configs go here + * //itemCls: 'x-abs-layout-item', + * }, + * url:'save-form.php', + * defaultType: 'textfield', + * items: [{ + * x: 10, + * y: 10, + * xtype:'label', + * text: 'Send To:' + * },{ + * x: 80, + * y: 10, + * name: 'to', + * anchor:'90%' // anchor width by percentage + * },{ + * x: 10, + * y: 40, + * xtype:'label', + * text: 'Subject:' + * },{ + * x: 80, + * y: 40, + * name: 'subject', + * anchor: '90%' // anchor width by percentage + * },{ + * x:0, + * y: 80, + * xtype: 'textareafield', + * name: 'msg', + * anchor: '100% 100%' // anchor width and height + * }], + * renderTo: Ext.getBody() + * }); */ - Ext.define('Ext.layout.container.Absolute', { /* Begin Definitions */ alias: 'layout.absolute', extend: 'Ext.layout.container.Anchor', - requires: ['Ext.chart.axis.Axis', 'Ext.fx.Anim'], alternateClassName: 'Ext.layout.AbsoluteLayout', /* End Definitions */