/* This file is part of Ext JS 3.4 Copyright (c) 2011-2013 Sencha Inc Contact: http://www.sencha.com/contact GNU General Public License Usage This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file. Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html. If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact. Build date: 2013-04-03 15:07:25 */ Ext.data.JsonP.Ext_layout_AbsoluteLayout({"alternateClassNames":[],"aliases":{},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":"Ext.layout.AnchorLayout","uses":[],"html":"
Hierarchy
Ext.layout.ContainerLayoutExt.layout.AnchorLayoutExt.layout.AbsoluteLayoutFiles
This is a layout that inherits the anchoring of Ext.layout.AnchorLayout and adds the\nability for x/y positioning using the standard x and y component config options.
\n\n\nThis class is intended to be extended or created via the layout\nconfiguration property. See Ext.Container.layout for additional details.
\n\n\nExample usage:
\n\n\nvar form = new Ext.form.FormPanel({\n title: 'Absolute Layout',\n layout:'absolute',\n layoutConfig: {\n // layout-specific configs go here\n extraCls: 'x-abs-layout-item',\n },\n baseCls: 'x-plain',\n url:'save-form.php',\n defaultType: 'textfield',\n items: [{\n x: 0,\n y: 5,\n xtype:'label',\n text: 'Send To:'\n },{\n x: 60,\n y: 0,\n name: 'to',\n anchor:'100%' // anchor width by percentage\n },{\n x: 0,\n y: 35,\n xtype:'label',\n text: 'Subject:'\n },{\n x: 60,\n y: 30,\n name: 'subject',\n anchor: '100%' // anchor width by percentage\n },{\n x:0,\n y: 60,\n xtype: 'textarea',\n name: 'msg',\n anchor: '100% 100%' // anchor width and height\n }]\n});\n
\n\nThis configuation option is to be applied to child items of a container managed by\nthis layout (ie. configured with layout:'anchor').
\n\n\nThis value is what tells the layout how an item should be anchored to the container. items\nadded to an AnchorLayout accept an anchoring-specific config property of anchor which is a string\ncontaining two values: the horizontal anchor value and the vertical anchor value (for example, '100% 50%').\nThe following types of anchor values are supported:
// two values specified\nanchor: '100% 50%' // render item complete width of the container and\n // 1/2 height of the container\n// one value specified\nanchor: '100%' // the width value; the height will default to auto\n
// two values specified\nanchor: '-50 -100' // render item the complete width of the container\n // minus 50 pixels and\n // the complete height minus 100 pixels.\n// one value specified\nanchor: '-50' // anchor value is assumed to be the right offset value\n // bottom offset will default to 0\n
anchor: '-50 75%'\n
default anchor for all child container items applied if no anchor or specific width is set on the child item. Defaults to '100%'.
\nDefaults to: '100%'
An optional extra CSS class that will be added to the container. This can be useful for adding\ncustomized styles to the container or any of its children using standard CSS rules. See\nExt.Component.ctCls also.
\n\n\nNote: extraCls defaults to '' except for the following classes\nwhich assign a value by default:\n
extraCls: 'x-column custom-class'\n
\n\n\nDefaults to: 'x-abs-layout-item'
Overrides: Ext.layout.ContainerLayout.extraCls
True to hide each contained item on render (defaults to false).
\nTrue to hide each contained item on render (defaults to false).
\nThe Ext.Template used by Field rendering layout classes (such as\nExt.layout.FormLayout) to create the DOM structure of a fully wrapped,\nlabeled and styled form Field. A default Template is supplied, but this may be\noverriden to create custom field structures. The template processes values returned from\nExt.layout.FormLayout.getTemplateArgs.
\nPlaceholder for the derived layouts
\nPlaceholder for the derived layouts
\nWorkaround for how IE measures autoWidth elements. It prefers bottom-up measurements
\n\n whereas other browser prefer top-down. We will hide all target child elements before we measure and\n put them back to get an accurate measurement.\n
\nprivate
\nOverrides: Ext.layout.AnchorLayout.adjustHeightAnchor
private
\nOverrides: Ext.layout.AnchorLayout.adjustWidthAnchor
Applies extraCls and hides the item if renderHidden is true
\nDestroys this layout. This is a template method that is empty by default, but should be implemented\nby subclasses that require explicit destruction to purge event handlers or remove DOM nodes.
\nprivate.\nGet all rendered items to lay out.
\nprivate
\nParses a number or string representing margin sizes into an object. Supports CSS-style margin declarations\n(e.g. 10, \"10\", \"10 10\", \"10 10 10\" and \"10 10 10 10\" are all valid options and would return the same result)
\nAn object with margin sizes for top, right, bottom and left
\nRenders the given Component into the target Element. If the Component is already rendered,\nit is moved to the provided target instead.
\nThe Component to render
\n\nThe position within the target to render the item to
\n\nThe target Element
\n\n