/* 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_HBoxLayout({"alternateClassNames":[],"aliases":{},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":"Ext.layout.BoxLayout","uses":[],"html":"
Hierarchy
Ext.layout.ContainerLayoutExt.layout.BoxLayoutExt.layout.HBoxLayoutFiles
A layout that arranges items horizontally across a Container. This layout optionally divides available horizontal\nspace between child items containing a numeric flex
configuration.
This layout may also be used to set the heights of child items by configuring it with the align option.
\nControls how the child items of the container are aligned. Acceptable configuration values for this\nproperty are:
\n\nDefaults to: 'top'
If the individual contained items do not have a margins\nproperty specified, the default margins from this property will be\napplied to each item.
\n\n\nThis property may be specified as an object containing margins\n\n\n
to apply in the format:
\n\n{\n top: (top margin),\n right: (right margin),\n bottom: (bottom margin),\n left: (left margin)\n}
\n\n\nThis property may also be specified as a string containing\nspace-separated, numeric margin values. The order of the sides associated\nwith each value matches the way CSS processes margin values:
\n\n\nDefaults to:
\n\n\n{top:0, right:0, bottom:0, left:0}\n
\n\nDefaults to: {left: 0, top: 0, right: 0, bottom: 0}
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-box-item'
Overrides: Ext.layout.ContainerLayout.extraCls
This configuation option is to be applied to child items of the container managed\nby this layout. Each child item with a flex property will be flexed horizontally\naccording to each item's relative flex value compared to the sum of all items with\na flex value specified. Any child items that have either a flex = 0 or\nflex = undefined will not be 'flexed' (the initial size will not be changed).
\nControls how the child items of the container are packed together. Acceptable configuration values\nfor this property are:
\n\nSets the padding to be applied to all child items managed by this layout.
\n\n\nThis property must be specified as a string containing\nspace-separated, numeric padding values. The order of the sides associated\nwith each value matches the way CSS processes padding values:
\n\n\nDefaults to: \"0\"
Defaults to: '0'
True to hide each contained item on render (defaults to false).
\nTrue to hide each contained item on render (defaults to false).
\nArray of the last calculated height, width, top and left positions of each visible rendered component\nwithin the Box layout.
\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
\nPrivate cache of the last measured size of the layout target. This should never be used except by\nBoxLayout subclasses during their onLayout run.
\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
\nCalculates the size and positioning of each item in the HBox. This iterates over all of the rendered,\nvisible items and returns a height, width, top and left for each, as well as a reference to each. Also\nreturns meta data such as maxHeight which are useful when resizing layout wrappers such as this.innerCt.
\nThe array of all rendered, visible items to be calculated for
\nObject containing target size and height
\nObject containing box measurements for each child, plus meta data
\nApplies extraCls and hides the item if renderHidden is true
\nprivate.\nGet all rendered items to lay out.
\nReturns all items that are both rendered and visible
\nAll matching items
\nThis should be called after onLayout of any BoxLayout subclass. If the target's overflow is not set to 'hidden',\nwe need to lay out a second time because the scrollbars may have modified the height and width of the layout\ntarget. Having a Box layout inside such a target is therefore not recommended.
\nThe size and height of the layout target before we just laid out
\nThe container
\nThe target element
\nRuns the child box calculations and caches them in childBoxCache. Subclasses can used these cached values\nwhen laying out
\nOverrides: Ext.layout.ContainerLayout.onLayout
Parses 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
\nprivate
\n\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
\nThe position within the target to render the item to
\nThe target Element
\nOverrides: Ext.layout.ContainerLayout.renderItem
Called by onRender just before the child components are sized and positioned. This resizes the innerCt\nto make sure all child items fit within it. We call this before sizing the children because if our child\nitems are larger than the previous innerCt size the browser will insert scrollbars and then remove them\nagain immediately afterwards, giving a performance hit.\nSubclasses should provide an implementation.
\nThe current height and width of the innerCt
\nThe new box calculations of all items to be laid out
\n