Provides a time input field with a time dropdown and automatic time validation. Example usage:
+
Provides a time input field with a time dropdown and automatic time validation. Example usage:
new Ext.form.TimeField({
minValue: '9:00 AM',
maxValue: '6:00 PM',
@@ -224,22 +231,20 @@ false to allow the user to set arbitrary text i...
tr
false to allow the user to set arbitrary text into the field (defaults to false)
ComboBox | | format : StringThe default time format string which can be overriden for localization support. The format must be
valid according t... The default time format string which can be overriden for localization support. The format must be
valid according to Date.parseDate (defaults to 'g:i A', e.g., '3:15 PM'). For 24-hour time
-format try 'H:i' instead. | TimeField |
| handleHeight : Number The height in pixels of the dropdown list resize handle if
+format try 'H:i' instead. | TimeField |
| grow : Boolean true if this field should automatically grow and shrink to its content
+(defaults to false) | TextField |
| growMax : NumberThe maximum width to allow when grow = true (defaults
+to 800) | TextField |
| growMin : NumberThe minimum width to allow when grow = true (defaults
+to 30) | TextField |
| handleHeight : NumberThe height in pixels of the dropdown list resize handle if
resizable = true (defaults to 8) | ComboBox |
| height : NumberThe height of this component in pixels (defaults to auto).
Note to express this dimension as a percentage or offset s... The height of this component in pixels (defaults to auto).
Note to express this dimension as a percentage or offset see Ext.Component.anchor. | BoxComponent |
| hidden : BooleanRender this component hidden (default is false). If true, the
hide method will be called internally. | Component |
| hiddenId : StringIf hiddenName is specified, hiddenId can also be provided
-to give the hidden field a unique id (defaults to the hidde... If hiddenName is specified, hiddenId can also be provided
-to give the hidden field a unique id (defaults to the hiddenName). The hiddenId
-and combo id should be different, since no two DOM
-nodes should share the same id. | ComboBox |
| hiddenName : StringIf specified, a hidden form field with this name is dynamically generated to store the
+to give the hidden field a unique id. The hiddenId and com... If hiddenName is specified, hiddenId can also be provided
+to give the hidden field a unique id. The hiddenId and combo id should be
+different, since no two DOM nodes should share the same id. | ComboBox |
| hiddenName : StringIf specified, a hidden form field with this name is dynamically generated to store the
field's data value (defaults t... If specified, a hidden form field with this name is dynamically generated to store the
field's data value (defaults to the underlying DOM element's name). Required for the combo's value to automatically
-post during a form submission. See also valueField.
- Note: the hidden field's id will also default to this name if hiddenId is not specified.
-The ComboBox id and the hiddenId should be different, since
-no two DOM nodes should share the same id. So, if the ComboBox name and
-hiddenName are the same, you should specify a unique hiddenId. | ComboBox |
| hiddenValue : StringSets the initial value of the hidden field if hiddenName is
+post during a form submission. See also valueField. | ComboBox |
| hiddenValue : StringSets the initial value of the hidden field if hiddenName is
specified to contain the selected valueField, from the St... Sets the initial value of the hidden field if hiddenName is
specified to contain the selected valueField, from the Store. Defaults to the configured
value. | ComboBox |
| hideLabel : Booleantrue to completely hide the label element
@@ -845,7 +850,20 @@ config for a suggestion, or use a render listener directly: new
single: true // Remove the listener after first invocation
}
});
- See also getEl | Component |
| hidden : Boolean True if this component is hidden. Read-only. | Component |
| initialConfig : Object This Component's initial configuration specification. Read-only. | Component |
| label : Ext.ElementThe label Element associated with this Field. Only available after this Field has been rendered by a
+ See also getEl | Component |
| hidden : Boolean True if this component is hidden. Read-only. | Component |
| initialConfig : Object This Component's initial configuration specification. Read-only. | Component |
| keyNav : Ext.KeyNav
+<p>A {@link Ext.KeyNav KeyNav} object which handles navigation keys for this ComboBox. This performs actions
+based on keystrokes typed when the input field is focused.</p>
+<p><b>After the ComboBox has been rendered</b>, you may override existing navigation key functionality,
+or add your own based upon key names as specified in the {@link Ext.KeyNav KeyNav} class.</p>
+<p>The function is executed in the scope (<code>this</code> reference of the ComboBox. Example:</p><pre><code>
+myCombo.keyNav.esc = function(e) { // Override ESC handling function
+ this.collapse(); // Standard behaviour of Ext's ComboBox.
+ this.setValue(this.startValue); // We reset to starting value on ESC
+};
+myCombo.keyNav.tab = function() { // Override TAB handling function
+ this.onViewClick(false); // Select the currently highlighted row
+};
+</code></pre> | ComboBox |
| label : Ext.ElementThe label Element associated with this Field. Only available after this Field has been rendered by a
Ext.layout.FormL... The label Element associated with this Field. Only available after this Field has been rendered by a
Ext.layout.FormLayout layout manager. | Field |
| lastQuery : StringThe value of the match string used to filter the store. Delete this property to force a requery.
Example use:
@@ -941,7 +959,16 @@ Or a shorthand syntax:
scope: this
}); Returns: | Observable |
| applyToMarkup( String/HTMLElement el )
:
- voidApply this component to existing markup that is valid. With this function, no call to render() is required. Apply this component to existing markup that is valid. With this function, no call to render() is required. | Component |
| clearInvalid()
+ voidApply this component to existing markup that is valid. With this function, no call to render() is required. Apply this component to existing markup that is valid. With this function, no call to render() is required. | Component |
| autoSize()
+ :
+ voidAutomatically grows the field to accomodate the width of the text up to the maximum field width allowed.
+This only ta... Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.
+This only takes effect if grow = true, and fires the autosize event. | TextField |
| bubble( Function fn , [Object scope ], [Array args ] )
+ :
+ Ext.ComponentBubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of... Bubbles up the component/container heirarchy, calling the specified function with each component. The scope ( this) of
+function call will be the scope provided or the current component. The arguments to the function
+will be the args provided or the current component. If the function returns false at any point,
+the bubble is stopped. | Component |
| clearInvalid()
:
voidClear any invalid styles/messages for this field Clear any invalid styles/messages for this field | Field |
| clearValue()
:
@@ -1006,9 +1033,11 @@ access the required target more quickly.
:
Ext.ContainerFind a container above this component at any level by a custom function. If the passed function returns
true, the con... Find a container above this component at any level by a custom function. If the passed function returns
-true, the container will be returned. | Component |
| findParentByType( String/Class xtype )
+true, the container will be returned. | Component |
| findParentByType( String/Ext.Component/Class xtype , [Boolean shallow ] )
:
- Ext.ContainerFind a container above this component at any level by xtype or class Find a container above this component at any level by xtype or class | Component |
| fireEvent( String eventName , Object... args )
+ Ext.ContainerFind a container above this component at any level by xtype or class Find a container above this component at any level by xtype or class Parameters:xtype : String/Ext.Component/ClassThe xtype to check for this Component. Note that the the component can either be an instance
+or a component class: shallow : Boolean(optional) False to check whether this Component is descended from the xtype (this is
+the default), or true to check whether this Component is directly of the specified xtype. Returns: | Component |
| fireEvent( String eventName , Object... args )
:
BooleanFires the specified event with the passed parameters (minus the event name).
An event may be set to bubble up an Obse... Fires the specified event with the passed parameters (minus the event name).
@@ -1213,7 +1242,7 @@ of the field. Note: disab... | Field |
| isVisible()
:
- BooleanReturns true if this component is visible. Returns true if this component is visible. | Component |
| isXType( String xtype , [Boolean shallow ] )
+ BooleanReturns true if this component is visible. Returns true if this component is visible. | Component |
| isXType( String/Ext.Component/Class xtype , [Boolean shallow ] )
:
BooleanTests whether or not this Component is of a specific xtype. This can test whether this Component is descended
from th... Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
@@ -1225,7 +1254,11 @@ to participate in determination of inherited xtypes.
var t = new Ext.form.TextField();
var isText = t.isXType('textfield'); // true
var isBoxSubclass = t.isXType('box'); // true, descended from BoxComponent
-var isBoxInstance = t.isXType('box', true); // false, not a direct BoxComponent instance
| Component |
| markInvalid( [String msg ] )
:
voidDisplay an error message associated with this field, using msgTarget to determine how to
@@ -1336,17 +1369,19 @@ use markInvalid instead, which calls this method internally Convenience function for setting disabled/enabled by boolean. Convenience function for setting disabled/enabled by boolean. | Component |
| setEditable( Boolean value )
:
- voidParameters:value : BooleanTrue to allow the user to directly edit the field text
-Allow or prevent the user from directly editing the field text. If false is passed,
+ void Allow or prevent the user from directly editing the field text. If false is passed,
+the user will only be able to mo... Allow or prevent the user from directly editing the field text. If false is passed,
the user will only be able to modify the field using the trigger. Will also add
a click event to the text field which will call the trigger. This method
-is the runtime equivalent of setting the 'editable' config option at config time. Returns:
| TriggerField |
| setHeight( Mixed height )
+is the runtime equivalent of setting the editable config option at config time. | TriggerField |
| setHeight( Mixed height )
:
Ext.BoxComponentSets the height of the component. This method fires the resize event. Sets the height of the component. This method fires the resize event. Parameters:height : MixedThe new height to set. This may be one of:
- A Number specifying the new height in the Element's defaultUnits (by default, pixels).
- A String used to set the CSS height style.
- undefined to leave the height unchanged.
- Returns: | BoxComponent |
| setMaxValue( Date/String value )
+Returns: | BoxComponent |
| setHideTrigger( Boolean hideTrigger )
+ :
+ voidChanges the hidden status of the trigger. Changes the hidden status of the trigger. | TriggerField |
| setMaxValue( Date/String value )
:
voidReplaces any existing maxValue with the new time and refreshes the store. Replaces any existing maxValue with the new time and refreshes the store. | TimeField |
| setMinValue( Date/String value )
:
@@ -1362,11 +1397,11 @@ This method fires the Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue. Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue. Parameters:value : MixedThe value to set Returns: | Field |
| setReadOnly( Boolean value )
:
- void | TriggerField |
| setSize( Mixed width , Mixed height )
+ voidSetting this to true will supersede settings editable and hideTrigger.
+Setting this to false will defer back to edita... Setting this to true will supersede settings editable and hideTrigger.
+Setting this to false will defer back to editable and hideTrigger. This method
+is the runtime equivalent of setting the readOnly config option at config time. | TriggerField |
| setSize( Mixed width , Mixed height )
:
Ext.BoxComponentSets the width and height of this BoxComponent. This method fires the resize event. This method can accept
either wid... Sets the width and height of this BoxComponent. This method fires the resize event. This method can accept
|