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,7 +82,7 @@ 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
+}); 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
@@ -111,7 +113,7 @@ order for these to have any effect.
Anchor values can also be mixed as needed. For example, to render the width offset from the container
right edge by 50 pixels and 75% of the container's height use:
anchor: '-50 75%'
- | AnchorLayout | | extraCls : StringAn optional extra CSS class that will be added to the container. This can be useful for adding
+ | 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.
@@ -124,7 +126,7 @@ which assign a value by default:
To configure the above Classes with an extra CSS class append to the default. For example,
for ColumnLayout: extraCls: 'x-column custom-class'
- | ContainerLayout | | fieldTpl : Ext.TemplateA compiled Ext.Template for rendering
+ | ContainerLayout | | fieldTpl : Ext.TemplateA compiled Ext.Template for rendering
the fully wrapped, labeled and styled form Field. Defaults to:new Ext.Template(... A compiled Ext.Template for rendering
the fully wrapped, labeled and styled form Field. Defaults to: new Ext.Template(
'<div class="x-form-item {itemCls}" tabIndex="-1">',
@@ -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 | | trackLabels : Boolean True to show/hide the field label when the field is hidden. Defaults to false. | FormLayout |
Public Properties|
| fieldTpl : Ext.TemplateThe 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 )
+ :
+ ObjectProvides 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')
-Parameters:field : (Ext.form.FieldThe Field being rendered. Returns: | 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.