This layout manager is specifically designed for rendering and managing child Components of
+
This layout manager is specifically designed for rendering and managing child Components of
forms. It is responsible for rendering the labels of
Fields.
This layout manager is used when a Container is configured with the layout:'form'
@@ -80,38 +82,38 @@ Ext.QuickTips.init();
labelSeparator: '>>', // takes precedence over layoutConfig value
labelWidth: 65, // defaults to 100
labelPad: 8 // defaults to 5, must specify labelWidth to be honored
-});
Config Options
|
| anchor : StringThis 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 : StringAn optional extra CSS class that will be added to the container. This can be useful for adding
+}); Config Options|
| anchor : StringThis configuation option is to be applied to child items of a container managed by
+this layout (ie. configured with l... 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 | | defaultAnchor : Stringdefault anchor for all child container items applied if no anchor or specific width is set on the child item. Defaul... default anchor for all child container items applied if no anchor or specific width is set on the child item. Defaults to '100%'. | AnchorLayout | | extraCls : StringAn optional extra CSS class that will be added to the container. This can be useful for adding
customized styles to t... An optional extra CSS class that will be added to the container. This can be useful for adding
customized styles to the container or any of its children using standard CSS rules. See
Ext.Component.ctCls also.
@@ -153,16 +155,20 @@ the text of the label for this field (defaults to a colon ':' or the
rendered directly after each form field wrapper (defaults to 'x-form-clear-left')
Also see getTemplateArgs | FormLayout | | labelSeparator : String | FormLayout | | renderHidden : Boolean True to hide each contained item on render (defaults to false). | ContainerLayout |
Public Properties|
| fieldTpl : Ext.TemplateThe Ext.Template used by Field rendering layout classes (such as
-Ext.layout.FormLayout) to create the DOM structure o... The Ext.Template used by Field rendering layout classes (such as
+of this property at the container level takes precedence. | FormLayout | | renderHidden : Boolean True to hide each contained item on render (defaults to false). | ContainerLayout | | trackLabels : Boolean True to show/hide the field label when the field is hidden. Defaults to true. | FormLayout |
Public Properties|
| fieldTpl : Ext.TemplateThe Ext.Template used by Field rendering layout classes (such as
+Ext.layout.FormLayout) to create the DOM structure o... | ContainerLayout | | labelStyle : String | ContainerLayout | | if : ObjectThis 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 | | labelStyle : StringRead only. The CSS style specification string added to field labels in this layout if not
otherwise specified by each... | FormLayout |
Public MethodsPublic Methods|
| getTemplateArgs( (Ext.form.Field field )
:
- AnProvides template arguments for rendering the fully wrapped, labeled and styled form Field.
+ Object Provides template arguments for rendering the fully wrapped, labeled and styled form Field.
This method returns an ob... Provides template arguments for rendering the fully wrapped, labeled and styled form Field.
This method returns an object hash containing properties used by the layout's fieldTpl
to create a correctly wrapped, labeled and styled form Field. This may be overriden to
@@ -176,11 +182,15 @@ supplied at the container level.
A CSS style specification string to add to the field label for this field (defaults to '' or the
layout's value for labelStyle).
label : StringThe text to display as the label for this
-field (defaults to '')
+field (defaults to the field's configured fieldLabel property)
labelSeparator : StringThe separator to display after
the text of the label for this field (defaults to a colon ':' or the
layout's value for labelSeparator). To hide the separator use empty string ''.
elementStyle : StringThe styles text for the input element's wrapper.
clearCls : StringThe CSS class to apply to the special clearing div
rendered directly after each form field wrapper (defaults to 'x-form-clear-left')
- | FormLayout |
Public EventsThis class has no public events.
\ No newline at end of file
+Parameters:field : (Ext.form.FieldThe Field being rendered. Returns: | FormLayout |
| 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:v : Number|StringThe encoded margins Returns: | ContainerLayout |
Public Events
This class has no public events.