X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/output/Ext.layout.AnchorLayout.html diff --git a/docs/output/Ext.layout.AnchorLayout.html b/docs/output/Ext.layout.AnchorLayout.html index 33dcd5ea..84ad6b69 100644 --- a/docs/output/Ext.layout.AnchorLayout.html +++ b/docs/output/Ext.layout.AnchorLayout.html @@ -1,65 +1,65 @@ -
ContainerLayout AnchorLayout
Package: | Ext.layout |
Defined In: | AnchorLayout.js |
Class: | AnchorLayout |
Subclasses: | AbsoluteLayout, FormLayout |
Extends: | ContainerLayout |
This is a layout that enables anchoring of contained elements relative to the container's dimensions. -If the container is resized, all anchored items are automatically rerendered according to their -anchor rules.
-This class is intended to be extended or created via the layout:'anchor' Ext.Container.layout -config, and should generally not need to be created directly via the new keyword.
-AnchorLayout does not have any direct config options (other than inherited ones). By default, -AnchorLayout will calculate anchor measurements based on the size of the container itself. However, the -container using the AnchorLayout can supply an anchoring-specific config property of anchorSize. -If anchorSize is specifed, the layout will use it as a virtual container for the purposes of calculating -anchor measurements based on it instead, allowing the container to be sized independently of the anchoring -logic if necessary. For example:
-var viewport = new Ext.Viewport({
- layout:'anchor',
- anchorSize: {width:800, height:600},
- items:[{
- title:'Item 1',
- html:'Content 1',
- width:800,
- anchor:'right 20%'
- },{
- title:'Item 2',
- html:'Content 2',
- width:300,
- anchor:'50% 30%'
- },{
- title:'Item 3',
- html:'Content 3',
- width:600,
- anchor:'-100 50%'
- }]
-});
Config Options | Defined By | |||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
anchor : String This configuation option is to be applied to child items of a container managed by
-this layout (ie. configured with ... This configuation option is to be applied to child items of a container managed by -this layout (ie. configured with layout:'anchor'). - This value is what tells the layout how an item should be anchored to the container. items -added to an AnchorLayout accept an anchoring-specific config property of anchor which is a string -containing two values: the horizontal anchor value and the vertical anchor value (for example, '100% 50%'). -The following types of anchor values are supported:
| AnchorLayout | |||||||||||||||||||||||||||||||||||||||||
extraCls : String An optional extra CSS class that will be added to the container. This can be useful for adding
+ ContainerLayout AnchorLayout Class Ext.layout.AnchorLayout
This is a layout that enables anchoring of contained elements relative to the container's dimensions. +If the container is resized, all anchored items are automatically rerendered according to their +anchor rules. +This class is intended to be extended or created via the layout:'anchor' Ext.Container.layout +config, and should generally not need to be created directly via the new keyword. +AnchorLayout does not have any direct config options (other than inherited ones). By default, +AnchorLayout will calculate anchor measurements based on the size of the container itself. However, the +container using the AnchorLayout can supply an anchoring-specific config property of anchorSize. +If anchorSize is specifed, the layout will use it as a virtual container for the purposes of calculating +anchor measurements based on it instead, allowing the container to be sized independently of the anchoring +logic if necessary. For example: +
Config Options
Public Properties
Public Properties
Public MethodsThis class has no public methods. Public EventsThis class has no public events. | ContainerLayout | |||||||||||||||||||||||||||||||||||||||||
if : Object This monitorResize flag will be renamed soon as to avoid confusion
+with the Container version which hooks onWindowRes... This monitorResize flag will be renamed soon as to avoid confusion
+with the Container version which hooks onWindowResize to doLayout
+monitorResize flag in this context attaches the resize event between
+a container and it's layout | ContainerLayout |
Method | Defined By | |
---|---|---|
parseMargins( Number|String v )
+ :
+ ObjectParses a number or string representing margin sizes into an object. Supports CSS-style margin declarations
+(e.g. 10, ... Parses a number or string representing margin sizes into an object. Supports CSS-style margin declarations
+(e.g. 10, "10", "10 10", "10 10 10" and "10 10 10 10" are all valid options and would return the same result) Parameters:
| ContainerLayout |