Package: | Ext.form |
Class: | NumberField |
Extends: | TextField |
Defined In: | NumberField.js |
Property | Defined By | |
---|---|---|
disabled : Object | Component | |
true if this component is disabled. Read-only. | ||
disabledClass : Object | Component | |
CSS class added to the component when it is disabled. | ||
hidden : Object | Component | |
true if this component is hidden. Read-only. | ||
rendered : Object | Component | |
true if this component has been rendered. Read-only. |
Method | Defined By | |
---|---|---|
NumberField(Object config ) |
NumberField | |
Creates a new NumberField | ||
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 ... | ||
addListener(String eventName , Function handler , [Object options ]) : void |
Observable | |
Appends an event handler to this component | ||
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(). | ||
autoSize() : void | TextField | |
Automatically grows the field to accomodate the width of the text up to the maximum field width allowed. This only ta... | ||
clearInvalid() : void | Field | |
Clear any invalid styles/messages for this field | ||
disable() : void | Component | |
Disable this component | ||
enable() : void | Component | |
Enable this component | ||
fireEvent(String eventName , Object... args ) : Boolean |
Observable | |
Fires the specified event with the passed parameters (minus the event name). | ||
focus(Boolean selectText ) : void |
Component | |
Try to focus this component | ||
getEl() : Ext.Element | Component | |
Returns the underlying Ext.Element | ||
getName() : String | Field | |
Returns the name attribute of the field if available | ||
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. | ||
getValue() : Mixed | Field | |
Returns the normalized data value (undefined or emptyText will be returned as ''). To return the raw value see getVa... | ||
hasListener(String eventName ) : Boolean |
Observable | |
Checks to see if this object is currently listening for a specified event | ||
hide() : void | Component | |
Hide this component | ||
isValid() : Boolean | Field | |
Returns whether or not the field value is currently valid | ||
markInvalid(String msg ) : void |
Field | |
Mark this field as invalid | ||
on(String eventName , Function handler , [Object options ]) : void |
Observable | |
Appends an event handler to this element (shorthand for addListener) | ||
purgeListeners() : void | Observable | |
Removes all listeners for this object | ||
removeListener(String eventName , Function handler , [Object scope ]) : void |
Observable | |
Removes a listener | ||
render(String/HTMLElement/Element container ) : void |
Component | |
If this is a lazy rendering component, render it to it's container element | ||
reset() : void | Field | |
Resets the current field value to the originally-loaded value and clears any validation messages | ||
selectText([Number start ], [Number end ]) : void |
TextField | |
Selects text in this field | ||
setDisabled(Boolean disabled ) : void |
Component | |
Convenience function for setting disabled/enabled by boolean | ||
setRawValue(Mixed value ) : void |
Field | |
Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue. | ||
setSize(Number width , Number height ) : void |
Field | |
Sets the height and width of the field | ||
setValue(Mixed value ) : void |
Field | |
Sets a data value into the field and validates it. To set the value directly without validation see setRawValue. | ||
setVisible(Boolean visible ) : void |
Component | |
Convenience function to hide or show this component by boolean | ||
show() : void | Component | |
Show this component | ||
un(String eventName , Function handler , [Object scope ]) : void |
Observable | |
Removes a listener (shorthand for removeListener) | ||
validate() : Boolean | Field | |
Validates the field value | ||
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 |
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 ... | ||
beforedestroy : (Ext.Component this ) |
Component | |
Fires before the component is destroyed | ||
beforehide : (Ext.Component this ) |
Component | |
Fires before the component is hidden | ||
beforerender : (Ext.Component this ) |
Component | |
Fires before the component is rendered | ||
beforeshow : (Ext.Component this ) |
Component | |
Fires before the component is shown | ||
blur : (Ext.form.Field this ) |
Field | |
Fires when | ||
change : (Ext.form.Field this , Mixed value , Mixed value ) |
Field | |
Fires just before the field blurs if the field value has changed | ||
destroy : (Ext.Component this ) |
Component | |
Fires after the component is destroyed | ||
disable : (Ext.Component this ) |
Component | |
Fires after the component is disabled | ||
enable : (Ext.Component this ) |
Component | |
Fires after the component is enabled | ||
focus : (Ext.form.Field this ) |
Field | |
Fires when this field receives input focus | ||
hide : (Ext.Component this ) |
Component | |
Fires after the component is hidden | ||
invalid : (Ext.form.Field this , String msg ) |
Field | |
Fires after the field has been marked as invalid | ||
render : (Ext.Component this ) |
Component | |
Fires after the component is rendered | ||
show : (Ext.Component this ) |
Component | |
Fires after the component is shown | ||
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... | ||
valid : (Ext.form.Field this ) |
Field | |
Fires after the field has been validated with no errors |
Config Options | Defined By | |
---|---|---|
allowBlank : Boolean | TextField | |
False to validate that the value length > 0 (defaults to true) | ||
allowDecimals : Boolean | NumberField | |
False to disallow decimal values (defaults to true) | ||
allowNegative : Boolean | NumberField | |
False to require only positive numbers (defaults to true) | ||
autoCreate : String/Object | Field | |
A DomHelper element spec, or true for a default element spec (defaults to {tag: "input", type: "text", size: "20", au... | ||
blankText : String | TextField | |
Error text to display if the allow blank validation fails (defaults to "This field is required") | ||
decimalPrecision : Number | NumberField | |
The maximum precision to display after the decimal separator (defaults to 2) | ||
decimalSeparator : String | NumberField | |
Character(s) to allow as the decimal separator (defaults to '.') | ||
disableKeyFilter : Boolean | TextField | |
True to disable input keystroke filtering (defaults to false) | ||
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... | ||
emptyText : String | TextField | |
The default text to display in an empty field (defaults to null). | ||
fieldClass : String | NumberField | |
The default CSS class for the field (defaults to "x-form-field x-form-num-field") | ||
focusClass : String | Field | |
The CSS class to use when the field receives focus (defaults to "x-form-focus") | ||
grow : Boolean | TextField | |
True if this field should automatically grow and shrink to it's content | ||
growMax : Number | TextField | |
The maximum width to allow when grow = true (defaults to 800) | ||
growMin : Number | TextField | |
The minimum width to allow when grow = true (defaults to 30) | ||
inputType : String | Field | |
The type attribute for input fields - e.g. radio, text, password. (defaults to "text") | ||
invalidClass : String | Field | |
The CSS class to use when marking a field invalid (defaults to "x-form-invalid") | ||
invalidText : String | Field | |
The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field i... | ||
maskRe : String | TextField | |
An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null) | ||
maxLength : Number | TextField | |
Maximum input field length allowed (defaults to Number.MAX_VALUE) | ||
maxLengthText : String | TextField | |
Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxL... | ||
maxText : String | NumberField | |
Error text to display if the maximum value validation fails (defaults to "The maximum value for this field is {maxVal... | ||
maxValue : Number | NumberField | |
The maximum allowed value (defaults to Number.MAX_VALUE) | ||
minLength : Number | TextField | |
Minimum input field length required (defaults to 0) | ||
minLengthText : String | TextField | |
Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minL... | ||
minText : String | NumberField | |
Error text to display if the minimum value validation fails (defaults to "The minimum value for this field is {minVal... | ||
minValue : Number | NumberField | |
The minimum allowed value (defaults to Number.NEGATIVE_INFINITY) | ||
msgFx : String | Field | |
Experimental The effect used when displaying a validation message under the field (defaults to 'normal'). | ||
msgTarget : String | Field | |
The location where error text should display. Should be one of the following values (defaults to 'qtip'): Value Desc... | ||
nanText : String | NumberField | |
Error text to display if the value is not a valid number. For example, this can happen if a valid character like '.' ... | ||
regex : RegExp | TextField | |
A JavaScript RegExp object to be tested against the field value during validation (defaults to null). If available, t... | ||
regexText : String | TextField | |
The error text to display if regex is used and the test fails during validation (defaults to "") | ||
selectOnFocus : Boolean | TextField | |
True to automatically select any existing field text when the field receives input focus (defaults to false) | ||
validationDelay : Number | Field | |
The length of time in milliseconds after user input begins until validation is initiated (defaults to 250) | ||
validationEvent : String/Boolean | Field | |
The event that should initiate field validation. Set to false to disable automatic validation. (defaults to "keyup") | ||
validator : Function | TextField | |
A custom validation function to be called during field validation (defaults to null). If available, this function wil... | ||
vtype : String | TextField | |
A validation type name as defined in Ext.form.VTypes (defaults to null) |
public Object disabled
public Object disabledClass
public Object hidden
public Object rendered
public function NumberField(Object config
)
config
: Objectpublic function addEvents(Object object
)
object
: Objectvoid
public function addListener(String eventName
, Function handler
, [Object options
])
eventName
: Stringhandler
: Functionoptions
: Objectvoid
public function applyTo(String/HTMLElement/Element el
)
el
: String/HTMLElement/ElementExt.form.Field
public function autoSize()
void
public function clearInvalid()
void
public function disable()
void
public function enable()
void
public function fireEvent(String eventName
, Object... args
)
eventName
: Stringargs
: Object...Boolean
public function focus(Boolean selectText
)
selectText
: Booleanvoid
public function getEl()
Ext.Element
public function getName()
String
public function getRawValue()
Mixed
public function getValue()
Mixed
public function hasListener(String eventName
)
eventName
: StringBoolean
public function hide()
void
public function isValid()
Boolean
public function markInvalid(String msg
)
msg
: Stringvoid
public function on(String eventName
, Function handler
, [Object options
])
eventName
: Stringhandler
: Functionoptions
: Objectvoid
public function purgeListeners()
void
public function removeListener(String eventName
, Function handler
, [Object scope
])
eventName
: Stringhandler
: Functionscope
: Objectvoid
public function render(String/HTMLElement/Element container
)
container
: String/HTMLElement/Elementvoid
public function reset()
void
public function selectText([Number start
], [Number end
])
start
: Numberend
: Numbervoid
public function setDisabled(Boolean disabled
)
disabled
: Booleanvoid
public function setRawValue(Mixed value
)
value
: Mixedvoid
public function setSize(Number width
, Number height
)
width
: Numberheight
: Numbervoid
public function setValue(Mixed value
)
value
: Mixedvoid
public function setVisible(Boolean visible
)
visible
: Booleanvoid
public function show()
void
public function un(String eventName
, Function handler
, [Object scope
])
eventName
: Stringhandler
: Functionscope
: Objectvoid
public function validate()
Boolean
public function validateValue(Mixed value
)
value
: MixedBoolean
public event autosize
this
: Ext.form.Fieldwidth
: Numberpublic event beforedestroy
this
: Ext.Componentpublic event beforehide
this
: Ext.Componentpublic event beforerender
this
: Ext.Componentpublic event beforeshow
this
: Ext.Componentpublic event blur
this
: Ext.form.Fieldpublic event change
this
: Ext.form.Fieldvalue
: Mixedvalue
: Mixedpublic event destroy
this
: Ext.Componentpublic event disable
this
: Ext.Componentpublic event enable
this
: Ext.Componentpublic event focus
this
: Ext.form.Fieldpublic event hide
this
: Ext.Componentpublic event invalid
this
: Ext.form.Fieldmsg
: Stringpublic event render
this
: Ext.Componentpublic event show
this
: Ext.Componentpublic event specialkey
this
: Ext.form.Fielde
: Ext.EventObjectpublic event valid
this
: Ext.form.FieldallowBlank : Boolean
allowDecimals : Boolean
allowNegative : Boolean
autoCreate : String/Object
blankText : String
decimalPrecision : Number
decimalSeparator : String
disableKeyFilter : Boolean
emptyClass : String
emptyText : String
fieldClass : String
focusClass : String
grow : Boolean
growMax : Number
growMin : Number
inputType : String
invalidClass : String
invalidText : String
maskRe : String
maxLength : Number
maxLengthText : String
maxText : String
maxValue : Number
minLength : Number
minLengthText : String
minText : String
minValue : Number
msgFx : String
msgTarget : String
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
nanText : String
regex : RegExp
regexText : String
selectOnFocus : Boolean
validationDelay : Number
validationEvent : String/Boolean
validator : Function
vtype : String