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 +80,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 | | 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 +124,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 +153,16 @@ 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 false. | 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 | | 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.
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
@@ -183,4 +183,4 @@ the text of the label for this field (defaults to a colon ':' or the
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 |
Public Events
This class has no public events.