Class Ext.form.DateField

Package:	Ext.form
Class:	DateField
Extends:	TriggerField
Defined In:	DateField.js

Provides a date input field with a Ext.DatePicker dropdown and automatic date validation.

Properties - Methods - Events - Config Options

Public Properties

Property		Defined By
	disabled : Object	Component
	true if this component is disabled. Read-only.	Component
	disabledClass : Object	Component
	CSS class added to the component when it is disabled.	Component
	hidden : Object	Component
	true if this component is hidden. Read-only.	Component
	rendered : Object	Component
	true if this component has been rendered. Read-only.	Component

Public Methods

Method		Defined By
	DateField(`Object config`)	DateField
	Create a new DateField	DateField
	addEvents(`Object object`) : void	Observable
	Copies any events from the passed object onto this object if they do not already exist. The passed object must also ...	Observable
	addListener(`String eventName`, `Function handler`, [`Object options`]) : void	Observable
	Appends an event handler to this component	Observable
	applyTo(`String/HTMLElement/Element el`) : Ext.form.Field	Field
	Apply the behaviors of this component to an existing element. This is used instead of render().	Field
	autoSize() : void	TextField
	Automatically grows the field to accomodate the width of the text up to the maximum field width allowed. This only ta...	TextField
	clearInvalid() : void	Field
	Clear any invalid styles/messages for this field	Field
	disable() : void	Component
	Disable this component	Component
	enable() : void	Component
	Enable this component	Component
	fireEvent(`String eventName`, `Object... args`) : Boolean	Observable
	Fires the specified event with the passed parameters (minus the event name).	Observable
	focus(`Boolean selectText`) : void	Component
	Try to focus this component	Component
	getEl() : Ext.Element	Component
	Returns the underlying Ext.Element	Component
	getName() : String	Field
	Returns the name attribute of the field if available	Field
	getRawValue() : Mixed	Field
	Returns the raw data value which may or may not be a valid, defined value. To return a normalized value see getValue.	Field
	getValue() : Date	DateField
	Returns the current date value of the date field	DateField
	hasListener(`String eventName`) : Boolean	Observable
	Checks to see if this object is currently listening for a specified event	Observable
	hide() : void	Component
	Hide this component	Component
	isValid() : Boolean	Field
	Returns whether or not the field value is currently valid	Field
	markInvalid(`String msg`) : void	Field
	Mark this field as invalid	Field
	on(`String eventName`, `Function handler`, [`Object options`]) : void	Observable
	Appends an event handler to this element (shorthand for addListener)	Observable
	onTriggerClick(`EventObject e`) : void	TriggerField
	The function that should handle the trigger's click event. This method does nothing by default until overridden by a...	TriggerField
	purgeListeners() : void	Observable
	Removes all listeners for this object	Observable
	removeListener(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	Removes a listener	Observable
	render(`String/HTMLElement/Element container`) : void	Component
	If this is a lazy rendering component, render it to it's container element	Component
	reset() : void	Field
	Resets the current field value to the originally-loaded value and clears any validation messages	Field
	selectText([`Number start`], [`Number end`]) : void	TextField
	Selects text in this field	TextField
	setDisabled(`Boolean disabled`) : void	Component
	Convenience function for setting disabled/enabled by boolean	Component
	setRawValue(`Mixed value`) : void	Field
	Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue.	Field
	setSize(`Number width`, `Number height`) : void	Field
	Sets the height and width of the field	Field
	setValue(`String/Date date`) : void	DateField
	Sets the value of the date field. You can pass a date object or any string that can be parsed into a valid date, usi...	DateField
	setVisible(`Boolean visible`) : void	Component
	Convenience function to hide or show this component by boolean	Component
	show() : void	Component
	Show this component	Component
	un(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	Removes a listener (shorthand for removeListener)	Observable
	validate() : Boolean	Field
	Validates the field value	Field
	validateValue(`Mixed value`) : Boolean	TextField
	Validates a value according to the field's validation rules and marks the field as invalid if the validation fails	TextField

Public Events

Event		Defined By
	autosize : (`Ext.form.Field this`, `Number width`)	TextField
	Fires when the autosize function is triggered. The field may or may not have actually changed size according to the ...	TextField
	beforedestroy : (`Ext.Component this`)	Component
	Fires before the component is destroyed	Component
	beforehide : (`Ext.Component this`)	Component
	Fires before the component is hidden	Component
	beforerender : (`Ext.Component this`)	Component
	Fires before the component is rendered	Component
	beforeshow : (`Ext.Component this`)	Component
	Fires before the component is shown	Component
	blur : (`Ext.form.Field this`)	Field
	Fires when	Field
	change : (`Ext.form.Field this`, `Mixed value`, `Mixed value`)	Field
	Fires just before the field blurs if the field value has changed	Field
	destroy : (`Ext.Component this`)	Component
	Fires after the component is destroyed	Component
	disable : (`Ext.Component this`)	Component
	Fires after the component is disabled	Component
	enable : (`Ext.Component this`)	Component
	Fires after the component is enabled	Component
	focus : (`Ext.form.Field this`)	Field
	Fires when this field receives input focus	Field
	hide : (`Ext.Component this`)	Component
	Fires after the component is hidden	Component
	invalid : (`Ext.form.Field this`, `String msg`)	Field
	Fires after the field has been marked as invalid	Field
	render : (`Ext.Component this`)	Component
	Fires after the component is rendered	Component
	show : (`Ext.Component this`)	Component
	Fires after the component is shown	Component
	specialkey : (`Ext.form.Field this`, `Ext.EventObject e`)	Field
	Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed. You can check Ext.EventObject.g...	Field
	valid : (`Ext.form.Field this`)	Field
	Fires after the field has been validated with no errors	Field

Config Options

Config Options		Defined By
	allowBlank : Boolean	TextField
	False to validate that the value length > 0 (defaults to true)	TextField
	autoCreate : String/Object	DateField
	A DomHelper element spec, or true for a default element spec (defaults to {tag: "input", type: "text", size: "10", au...	DateField
	blankText : String	TextField
	Error text to display if the allow blank validation fails (defaults to "This field is required")	TextField
	disableKeyFilter : Boolean	TextField
	True to disable input keystroke filtering (defaults to false)	TextField
	disabledDates : Array	DateField
	An array of "dates" to disable, as strings. These strings will be used to build a dynamic regular expression so they ...	DateField
	disabledDatesText : String	DateField
	The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')	DateField
	disabledDays : Array	DateField
	An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).	DateField
	disabledDaysText : String	DateField
	The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')	DateField
	emptyClass : String	TextField
	The CSS class to apply to an empty field to style the emptyText (defaults to 'x-form-empty-field'). This class is aut...	TextField
	emptyText : String	TextField
	The default text to display in an empty field (defaults to null).	TextField
	fieldClass : String	Field
	The default CSS class for the field (defaults to "x-form-field")	Field
	focusClass : String	Field
	The CSS class to use when the field receives focus (defaults to "x-form-focus")	Field
	format : String	DateField
	The default date format string which can be overriden for localization support. The format must be valid according to...	DateField
	grow : Boolean	TextField
	True if this field should automatically grow and shrink to it's content	TextField
	growMax : Number	TextField
	The maximum width to allow when grow = true (defaults to 800)	TextField
	growMin : Number	TextField
	The minimum width to allow when grow = true (defaults to 30)	TextField
	hideTrigger : Boolean	TriggerField
	True to hide the trigger element and display only the base text field (defaults to false)	TriggerField
	inputType : String	Field
	The type attribute for input fields - e.g. radio, text, password. (defaults to "text")	Field
	invalidClass : String	Field
	The CSS class to use when marking a field invalid (defaults to "x-form-invalid")	Field
	invalidText : String	DateField
	The error to display when the date in the field is invalid (defaults to '{value} is not a valid date - it must be in ...	DateField
	maskRe : String	TextField
	An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)	TextField
	maxLength : Number	TextField
	Maximum input field length allowed (defaults to Number.MAX_VALUE)	TextField
	maxLengthText : String	TextField
	Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxL...	TextField
	maxText : String	DateField
	The error text to display when the date in the cell is before maxValue (defaults to 'The date in this field must be b...	DateField
	maxValue : Date/String	DateField
	The maximum allowed date. Can be either a Javascript date object or a string date in a valid format (defaults to null).	DateField
	minLength : Number	TextField
	Minimum input field length required (defaults to 0)	TextField
	minLengthText : String	TextField
	Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minL...	TextField
	minText : String	DateField
	The error text to display when the date in the cell is before minValue (defaults to 'The date in this field must be a...	DateField
	minValue : Date/String	DateField
	The minimum allowed date. Can be either a Javascript date object or a string date in a valid format (defaults to null).	DateField
	msgFx : String	Field
	Experimental The effect used when displaying a validation message under the field (defaults to 'normal').	Field
	msgTarget : String	Field
	The location where error text should display. Should be one of the following values (defaults to 'qtip'): Value Desc...	Field
	regex : RegExp	TextField
	A JavaScript RegExp object to be tested against the field value during validation (defaults to null). If available, t...	TextField
	regexText : String	TextField
	The error text to display if regex is used and the test fails during validation (defaults to "")	TextField
	selectOnFocus : Boolean	TextField
	True to automatically select any existing field text when the field receives input focus (defaults to false)	TextField
	triggerClass : String	DateField
	An additional CSS class used to style the trigger button. The trigger will always get the class 'x-form-trigger' and ...	DateField
	validationDelay : Number	Field
	The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)	Field
	validationEvent : String/Boolean	Field
	The event that should initiate field validation. Set to false to disable automatic validation. (defaults to "keyup")	Field
	validator : Function	TextField
	A custom validation function to be called during field validation (defaults to null). If available, this function wil...	TextField
	vtype : String	TextField
	A validation type name as defined in Ext.form.VTypes (defaults to null)	TextField

Property Details

disabled

public Object disabled

true if this component is disabled. Read-only.

This property is defined by Component.

disabledClass

public Object disabledClass

CSS class added to the component when it is disabled.

This property is defined by Component.

hidden

public Object hidden

true if this component is hidden. Read-only.

This property is defined by Component.

rendered

public Object rendered

true if this component has been rendered. Read-only.

This property is defined by Component.

Constructor Details

DateField

public function DateField(Object config)

Create a new DateField

Parameters:

config : Object

Method Details

addEvents

public function addEvents(Object object)

Copies any events from the passed object onto this object if they do not already exist. The passed object must also inherit from Observable for this method to have any effect.

Parameters:

object : Object
The object from which to copy events

Returns:

void

This method is defined by Observable.

addListener

public function addListener(String eventName, Function handler, [Object options])

Appends an event handler to this component

Parameters:

eventName : String
The type of event to listen for
handler : Function
The method the event invokes
options : Object
(optional)

Returns:

void

This method is defined by Observable.

applyTo

public function applyTo(String/HTMLElement/Element el)

Apply the behaviors of this component to an existing element. This is used instead of render().

Parameters:

el : String/HTMLElement/Element
The id of the node, a DOM Node or an existing Element

Returns:

Ext.form.Field
this

This method is defined by Field.

autoSize

public function autoSize()

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.

Parameters:

None.

Returns:

void

This method is defined by TextField.

clearInvalid

public function clearInvalid()

Clear any invalid styles/messages for this field

Parameters:

None.

Returns:

void

This method is defined by Field.

disable

public function disable()

Disable this component

Parameters:

None.

Returns:

void

This method is defined by Component.

enable

public function enable()

Enable this component

Parameters:

None.

Returns:

void

This method is defined by Component.

fireEvent

public function fireEvent(String eventName, Object... args)

Fires the specified event with the passed parameters (minus the event name).

Parameters:

eventName : String
args : Object...
Variable number of parameters are passed to handlers

Returns:

Boolean
returns false if any of the handlers return false otherwise it returns true

This method is defined by Observable.

focus

public function focus(Boolean selectText)

Try to focus this component

Parameters:

selectText : Boolean
True to also select the text in this component (if applicable)

Returns:

void

This method is defined by Component.

getEl

public function getEl()

Returns the underlying Ext.Element

Parameters:

None.

Returns:

Ext.Element
The element

This method is defined by Component.

getName

public function getName()

Returns the name attribute of the field if available

Parameters:

None.

Returns:

String
name The field name

This method is defined by Field.

getRawValue

public function getRawValue()

Returns the raw data value which may or may not be a valid, defined value. To return a normalized value see getValue.

Parameters:

None.

Returns:

Mixed
value The field value

This method is defined by Field.

getValue

public function getValue()

Returns the current date value of the date field

Parameters:

None.

Returns:

Date
value The date value

This method is defined by DateField.

hasListener

public function hasListener(String eventName)

Checks to see if this object is currently listening for a specified event

Parameters:

eventName : String
The name of the event to check for

Returns:

Boolean
True if the event is being listened for, else false

This method is defined by Observable.

hide

public function hide()

Hide this component

Parameters:

None.

Returns:

void

This method is defined by Component.

isValid

public function isValid()

Returns whether or not the field value is currently valid

Parameters:

None.

Returns:

Boolean
True if the value is valid, else false

This method is defined by Field.

markInvalid

public function markInvalid(String msg)

Mark this field as invalid

Parameters:

msg : String
The validation message

Returns:

void

This method is defined by Field.

on

public function on(String eventName, Function handler, [Object options])

Appends an event handler to this element (shorthand for addListener)

Parameters:

eventName : String
The type of event to listen for
handler : Function
The method the event invokes
options : Object
(optional)

Returns:

void

This method is defined by Observable.

onTriggerClick

public function onTriggerClick(EventObject e)

The function that should handle the trigger's click event. This method does nothing by default until overridden by a handler implementation.

Parameters:

e : EventObject

Returns:

void

This method is defined by TriggerField.

purgeListeners

public function purgeListeners()

Removes all listeners for this object

Parameters:

None.

Returns:

void

This method is defined by Observable.

removeListener

public function removeListener(String eventName, Function handler, [Object scope])

Removes a listener

Parameters:

eventName : String
The type of event to listen for
handler : Function
The handler to remove
scope : Object
(optional) The scope (this object) for the handler

Returns:

void

This method is defined by Observable.

render

public function render(String/HTMLElement/Element container)

If this is a lazy rendering component, render it to it's container element

Parameters:

container : String/HTMLElement/Element
The element this component should be rendered into

Returns:

void

This method is defined by Component.

reset

public function reset()

Resets the current field value to the originally-loaded value and clears any validation messages

Parameters:

None.

Returns:

void

This method is defined by Field.

selectText

public function selectText([Number start], [Number end])

Selects text in this field

Parameters:

start : Number
(optional) The index where the selection should start (defaults to 0)
end : Number
(optional) The index where the selection should end (defaults to the text length)

Returns:

void

This method is defined by TextField.

setDisabled

public function setDisabled(Boolean disabled)

Convenience function for setting disabled/enabled by boolean

Parameters:

disabled : Boolean

Returns:

void

This method is defined by Component.

setRawValue

public function setRawValue(Mixed value)

Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue.

Parameters:

value : Mixed
The value to set

Returns:

void

This method is defined by Field.

setSize

public function setSize(Number width, Number height)

Sets the height and width of the field

Parameters:

width : Number
The new field width in pixels
height : Number
The new field height in pixels

Returns:

void

This method is defined by Field.

setValue

public function setValue(String/Date date)

Sets the value of the date field. You can pass a date object or any string that can be parsed into a valid date, using DateField.format as the date format, according to the same rules as Date.parseDate (the default format used is "m/d/y").
Usage:


//All of these calls set the same date value (May 4, 2006)

//Pass a date object:
var dt = new Date('5/4/06');
dateField.setValue(dt);

//Pass a date string (default format):
dateField.setValue('5/4/06');

//Pass a date string (custom format):
dateField.format = 'Y-m-d';
dateField.setValue('2006-5-4');

Parameters:

date : String/Date
The date or valid date string

Returns:

void

This method is defined by DateField.

setVisible

public function setVisible(Boolean visible)

Convenience function to hide or show this component by boolean

Parameters:

visible : Boolean
True to show, false to hide

Returns:

void

This method is defined by Component.

show

public function show()

Show this component

Parameters:

None.

Returns:

void

This method is defined by Component.

un

public function un(String eventName, Function handler, [Object scope])

Removes a listener (shorthand for removeListener)

Parameters:

eventName : String
The type of event to listen for
handler : Function
The handler to remove
scope : Object
(optional) The scope (this object) for the handler

Returns:

void

This method is defined by Observable.

validate

public function validate()

Validates the field value

Parameters:

None.

Returns:

Boolean
True if the value is valid, else false

This method is defined by Field.

validateValue

public function validateValue(Mixed value)

Validates a value according to the field's validation rules and marks the field as invalid if the validation fails

Parameters:

value : Mixed
The value to validate

Returns:

Boolean
True if the value is valid, else false

This method is defined by TextField.

Event Details

autosize

public event autosize

Fires when the autosize function is triggered. The field may or may not have actually changed size according to the default logic, but this event provides a hook for the developer to apply additional logic at runtime to resize the field if needed.

Subscribers will be called with the following parameters:

this : Ext.form.Field
This text field
width : Number
The new field width

This event is defined by TextField.

beforedestroy

public event beforedestroy

Fires before the component is destroyed

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

beforehide

public event beforehide

Fires before the component is hidden

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

beforerender

public event beforerender

Fires before the component is rendered

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

beforeshow

public event beforeshow

Fires before the component is shown

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

blur

public event blur

Fires when

Subscribers will be called with the following parameters:

this : Ext.form.Field

This event is defined by Field.

change

public event change

Fires just before the field blurs if the field value has changed

Subscribers will be called with the following parameters:

this : Ext.form.Field
value : Mixed
The changed value
value : Mixed
The original value

This event is defined by Field.

destroy

public event destroy

Fires after the component is destroyed

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

disable

public event disable

Fires after the component is disabled

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

enable

public event enable

Fires after the component is enabled

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

focus

public event focus

Fires when this field receives input focus

Subscribers will be called with the following parameters:

this : Ext.form.Field

This event is defined by Field.

hide

public event hide

Fires after the component is hidden

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

invalid

public event invalid

Fires after the field has been marked as invalid

Subscribers will be called with the following parameters:

this : Ext.form.Field
msg : String
The validation message

This event is defined by Field.

render

public event render

Fires after the component is rendered

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

show

public event show

Fires after the component is shown

Subscribers will be called with the following parameters:

this : Ext.Component

This event is defined by Component.

specialkey

public event specialkey

Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed. You can check Ext.EventObject.getKey to determine which key was pressed.

Subscribers will be called with the following parameters:

this : Ext.form.Field
e : Ext.EventObject
The event object

This event is defined by Field.

valid

public event valid

Fires after the field has been validated with no errors

Subscribers will be called with the following parameters:

this : Ext.form.Field

This event is defined by Field.

Config Details

allowBlank

allowBlank : Boolean

False to validate that the value length > 0 (defaults to true)

This config option is defined by TextField.

autoCreate

autoCreate : String/Object

A DomHelper element spec, or true for a default element spec (defaults to {tag: "input", type: "text", size: "10", autocomplete: "off"})

This config option is defined by DateField.

blankText

blankText : String

Error text to display if the allow blank validation fails (defaults to "This field is required")

This config option is defined by TextField.

disableKeyFilter

disableKeyFilter : Boolean

True to disable input keystroke filtering (defaults to false)

This config option is defined by TextField.

disabledDates

disabledDates : Array

An array of "dates" to disable, as strings. These strings will be used to build a dynamic regular expression so they are very powerful. Some examples:

["03/08/2003", "09/16/2003"] would disable those exact dates
["03/08", "09/16"] would disable those days for every year
["^03/08"] would only match the beginning (useful if you are using short years)
["03/../2006"] would disable every day in March 2006
["^03"] would disable every day in every March

In order to support regular expressions, if you are using a date format that has "." in it, you will have to escape the dot when restricting dates. For example: ["03\\.08\\.03"].

This config option is defined by DateField.

disabledDatesText

disabledDatesText : String

The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')

This config option is defined by DateField.

disabledDays

disabledDays : Array

An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).

This config option is defined by DateField.

disabledDaysText

disabledDaysText : String

The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')

This config option is defined by DateField.

emptyClass

emptyClass : String

The CSS class to apply to an empty field to style the emptyText (defaults to 'x-form-empty-field'). This class is automatically added and removed as needed depending on the current field value.

This config option is defined by TextField.

emptyText

emptyText : String

The default text to display in an empty field (defaults to null).

This config option is defined by TextField.

fieldClass

fieldClass : String

The default CSS class for the field (defaults to "x-form-field")

This config option is defined by Field.

focusClass

focusClass : String

The CSS class to use when the field receives focus (defaults to "x-form-focus")

This config option is defined by Field.

format

format : String

The default date format string which can be overriden for localization support. The format must be valid according to Date.parseDate (defaults to 'm/d/y').

This config option is defined by DateField.

grow

grow : Boolean

True if this field should automatically grow and shrink to it's content

This config option is defined by TextField.

growMax

growMax : Number

The maximum width to allow when grow = true (defaults to 800)

This config option is defined by TextField.

growMin

growMin : Number

The minimum width to allow when grow = true (defaults to 30)

This config option is defined by TextField.

hideTrigger

hideTrigger : Boolean

True to hide the trigger element and display only the base text field (defaults to false)

This config option is defined by TriggerField.

inputType

inputType : String

The type attribute for input fields - e.g. radio, text, password. (defaults to "text")

This config option is defined by Field.

invalidClass

invalidClass : String

The CSS class to use when marking a field invalid (defaults to "x-form-invalid")

This config option is defined by Field.

invalidText

invalidText : String

The error to display when the date in the field is invalid (defaults to '{value} is not a valid date - it must be in the format {format}').

This config option is defined by DateField.

maskRe

maskRe : String

An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)

This config option is defined by TextField.

maxLength

maxLength : Number

Maximum input field length allowed (defaults to Number.MAX_VALUE)

This config option is defined by TextField.

maxLengthText

maxLengthText : String

Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")

This config option is defined by TextField.

maxText

maxText : String

The error text to display when the date in the cell is before maxValue (defaults to 'The date in this field must be before {maxValue}').

This config option is defined by DateField.

maxValue

maxValue : Date/String

The maximum allowed date. Can be either a Javascript date object or a string date in a valid format (defaults to null).

This config option is defined by DateField.

minLength

minLength : Number

Minimum input field length required (defaults to 0)

This config option is defined by TextField.

minLengthText

minLengthText : String

Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")

This config option is defined by TextField.

minText

minText : String

The error text to display when the date in the cell is before minValue (defaults to 'The date in this field must be after {minValue}').

This config option is defined by DateField.

minValue

minValue : Date/String

The minimum allowed date. Can be either a Javascript date object or a string date in a valid format (defaults to null).

This config option is defined by DateField.

msgFx

msgFx : String

Experimental The effect used when displaying a validation message under the field (defaults to 'normal').

This config option is defined by Field.

msgTarget

msgTarget : String

The location where error text should display. Should be one of the following values (defaults to 'qtip'):

 Value Description ----------- ---------------------------------------------------------------------- qtip Display a quick tip when the user hovers over the field title Display a default browser title attribute popup under Add a block div beneath the field containing the error text side Add an error icon to the right of the field with a popup on hover [element id] Add the error text directly to the innerHTML of the specified element

This config option is defined by Field.

regex

regex : RegExp

A JavaScript RegExp object to be tested against the field value during validation (defaults to null). If available, this regex will be evaluated only after the basic validators all return true, and will be passed the current field value. If the test fails, the field will be marked invalid using regexText.

This config option is defined by TextField.

regexText

regexText : String

The error text to display if regex is used and the test fails during validation (defaults to "")

This config option is defined by TextField.

selectOnFocus

selectOnFocus : Boolean

True to automatically select any existing field text when the field receives input focus (defaults to false)

This config option is defined by TextField.

triggerClass

triggerClass : String

An additional CSS class used to style the trigger button. The trigger will always get the class 'x-form-trigger' and triggerClass will be appended if specified (defaults to 'x-form-date-trigger' which displays a calendar icon).

This config option is defined by DateField.

validationDelay

validationDelay : Number

The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)

This config option is defined by Field.

validationEvent

validationEvent : String/Boolean

The event that should initiate field validation. Set to false to disable automatic validation. (defaults to "keyup")

This config option is defined by Field.

validator

validator : Function

A custom validation function to be called during field validation (defaults to null). If available, this function will be called only after the basic validators all return true, and will be passed the current field value and expected to return boolean true if the value is valid or a string error message if invalid.

This config option is defined by TextField.

vtype

vtype : String

A validation type name as defined in Ext.form.VTypes (defaults to null)

This config option is defined by TextField.