Previous  Up  Next

Class type Ext_form_field_Text.configs


class type configs = object .. end
Inherits 
method allowBlank : bool Js.t Js.prop

Specify false to validate that the value's length must be > 0. If true, then a blank value is always taken to be valid regardless of any vtype validation that may be applied.

If vtype validation must still be applied to blank values, configure validateBlank as true;

Defaults to: true

method allowOnlyWhitespace : bool Js.t Js.prop

Specify false to automatically trim the value before validating the whether the value is blank. Setting this to false automatically sets allowBlank to false.

Defaults to: true

method blankText : Js.js_string Js.t Js.prop

The error text to display if the allowBlank validation fails

Defaults to: 'This field is required'

method disableKeyFilter : bool Js.t Js.prop

Specify true to disable input keystroke filtering

Defaults to: false

method emptyCls : Js.js_string Js.t Js.prop

The CSS class to apply to an empty field to style the emptyText. This class is automatically added and removed as needed depending on the current field value.

Defaults to: 'x-form-empty-field'

method emptyText : Js.js_string Js.t Js.prop

The default text to place into an empty field.

Note that normally this value will be submitted to the server if this field is enabled; to prevent this you can set the submitEmptyText option of Ext.form.Basic.submit to false.

Also note that if you use inputType:'file', emptyText is not supported and should be avoided.

Note that for browsers that support it, setting this property will use the HTML 5 placeholder attribute, and for older browsers that don't support the HTML 5 placeholder attribute the value will be placed directly into the input element itself as the raw value. This means that older browsers will obfuscate the emptyText value for password input fields.


method enableKeyEvents : bool Js.t Js.prop

true to enable the proxying of key events for the HTML input field

Defaults to: false

method enforceMaxLength : bool Js.t Js.prop

True to set the maxLength property on the underlying input field. Defaults to false


method grow : bool Js.t Js.prop

true if this field should automatically grow and shrink to its content

Defaults to: false

method growAppend : Js.js_string Js.t Js.prop

A string that will be appended to the field's current value for the purposes of calculating the target field size. Only used when the grow config is true. Defaults to a single capital "W" (the widest character in common fonts) to leave enough space for the next typed character and avoid the field value shifting before the width is adjusted.

Defaults to: 'W'

method growMax : Js.number Js.t Js.prop

The maximum width to allow when grow = true

Defaults to: 800

method growMin : Js.number Js.t Js.prop

The minimum width to allow when grow = true

Defaults to: 30

method maskRe : Regexp.regexp Js.t Js.prop

An input mask regular expression that will be used to filter keystrokes (character being typed) that do not match. Note: It does not filter characters already in the input.


method maxLength : Js.number Js.t Js.prop

Maximum input field length allowed by validation. This behavior is intended to provide instant feedback to the user by improving usability to allow pasting and editing or overtyping and back tracking. To restrict the maximum number of characters that can be entered into the field use the enforceMaxLength option.

Defaults to Number.MAX_VALUE.


method maxLengthText : Js.js_string Js.t Js.prop

Error text to display if the maximum length validation fails

Defaults to: 'The maximum length for this field is {0}'

method minLength : Js.number Js.t Js.prop

Minimum input field length required

Defaults to: 0

method minLengthText : Js.js_string Js.t Js.prop

Error text to display if the minimum length validation fails.

Defaults to: 'The minimum length for this field is {0}'

method regex : Regexp.regexp Js.t Js.prop

A JavaScript RegExp object to be tested against the field value during validation. If the test fails, the field will be marked invalid using either regexText or invalidText.


method regexText : Js.js_string Js.t Js.prop

The error text to display if regex is used and the test fails during validation

Defaults to: ''

method requiredCls : Js.js_string Js.t Js.prop

The CSS class to apply to a required field, i.e. a field where allowBlank is false.

Defaults to: 'x-form-required-field'

method selectOnFocus : bool Js.t Js.prop

true to automatically select any existing field text when the field receives input focus

Defaults to: false

method size : Js.number Js.t Js.prop

An initial value for the 'size' attribute on the text input element. This is only used if the field has no configured width and is not given a width by its container's layout. Defaults to 20.

Defaults to: 20

method stripCharsRe : Regexp.regexp Js.t Js.prop

A JavaScript RegExp object used to strip unwanted content from the value during input. If stripCharsRe is specified, every character sequence matching stripCharsRe will be removed.


method validateBlank : bool Js.t Js.prop

Specify as true to modify the behaviour of allowBlank so that blank values are not passed as valid, but are subject to any configure vtype validation.

Defaults to: false

method validator : 'a. 'a Js.callback Js.prop

A custom validation function to be called during field validation (getErrors). If specified, this function will be called first, allowing the developer to override the default validation process.

This function will be passed the following parameters:


method vtype : Js.js_string Js.t Js.prop

A validation type name as defined in Ext.form.field.VTypes


method vtypeText : Js.js_string Js.t Js.prop

A custom error message to display in place of the default message provided for the vtype currently set for this field. Note: only applies if vtype is set, else ignored.


method afterComponentLayout : 'b 'c.
         ((< activeError : Js.js_string Js.t Js.prop;
             activeErrorsTpl : 'f. 'f Js.t Js.prop;
             afterBodyEl : 'g. 'g Js.t Js.prop; afterComponentLayout : 'b 'c. 'd;
             afterHide : 'h 'i.
                           ('e Js.t,
                            'h Js.callback Js.optdef -> 'i Js.t Js.optdef -> unit)
                           Js.meth_callback Js.writeonly_prop;
             afterLabelTextTpl : 'j. 'j Js.t Js.prop;
             afterLabelTpl : 'k. 'k Js.t Js.prop;
             afterRender : ('e Js.t, unit -> unit) Js.meth_callback
                           Js.writeonly_prop;
             afterSetPosition : ('e Js.t, Js.number Js.t -> Js.number Js.t -> unit)
                                Js.meth_callback Js.writeonly_prop;
             afterShow : 'l 'm 'n.
                           ('e Js.t,
                            'l Js.t Js.optdef ->
                            'm Js.callback Js.optdef -> 'n Js.t Js.optdef -> unit)
                           Js.meth_callback Js.writeonly_prop;
             afterSubTpl : 'o. 'o Js.t Js.prop; allowBlank : bool Js.t Js.prop;
             allowOnlyWhitespace : bool Js.t Js.prop; autoEl : 'p. 'p Js.t Js.prop;
             autoFitErrors : bool Js.t Js.prop; autoRender : 'q. 'q Js.t Js.prop;
             autoScroll : bool Js.t Js.prop; autoShow : bool Js.t Js.prop;
             baseBodyCls : Js.js_string Js.t Js.prop;
             baseCls : Js.js_string Js.t Js.prop;
             beforeBodyEl : 'r. 'r Js.t Js.prop;
             beforeComponentLayout : ('e Js.t,
                                      Js.number Js.t -> Js.number Js.t -> unit)
                                     Js.meth_callback Js.writeonly_prop;
             beforeDestroy : ('e Js.t, unit -> unit) Js.meth_callback
                             Js.writeonly_prop;
             beforeLabelTextTpl : 's. 's Js.t Js.prop;
             beforeLabelTpl : 't. 't Js.t Js.prop;
             beforeLayout : ('e Js.t, unit -> unit) Js.meth_callback
                            Js.writeonly_prop;
             beforeShow : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
             beforeSubTpl : 'u. 'u Js.t Js.prop;
             blankText : Js.js_string Js.t Js.prop; border : 'v. 'v Js.t Js.prop;
             checkChangeBuffer : Js.number Js.t Js.prop;
             checkChangeEvents : Js.js_string Js.t Js.js_array Js.t Js.prop;
             childEls : 'w. 'w Js.t Js.js_array Js.t Js.prop;
             clearCls : Js.js_string Js.t Js.prop; cls : Js.js_string Js.t Js.prop;
             columnWidth : 'x. 'x Js.t Js.prop;
             componentCls : Js.js_string Js.t Js.prop;
             componentLayout : 'y. 'y Js.t Js.prop; constrain : bool Js.t Js.prop;
             constrainTo : 'z. 'z Js.t Js.prop;
             constraintInsets : 'a1. 'a1 Js.t Js.prop;
             contentEl : Js.js_string Js.t Js.prop; data : 'b1. 'b1 Js.t Js.prop;
             defaultAlign : Js.js_string Js.t Js.prop;
             dirtyCls : Js.js_string Js.t Js.prop;
             disableKeyFilter : bool Js.t Js.prop; disabled : bool Js.t Js.prop;
             disabledCls : Js.js_string Js.t Js.prop; draggable : bool Js.t Js.prop;
             draggable_obj : 'c1. 'c1 Js.t Js.prop;
             emptyCls : Js.js_string Js.t Js.prop;
             emptyText : Js.js_string Js.t Js.prop;
             enableKeyEvents : bool Js.t Js.prop;
             enforceMaxLength : bool Js.t Js.prop;
             errorMsgCls : Js.js_string Js.t Js.prop;
             fieldBodyCls : Js.js_string Js.t Js.prop;
             fieldCls : Js.js_string Js.t Js.prop;
             fieldLabel : Js.js_string Js.t Js.prop;
             fieldStyle : Js.js_string Js.t Js.prop; fixed : bool Js.t Js.prop;
             floating : bool Js.t Js.prop; focusCls : Js.js_string Js.t Js.prop;
             focusOnToFront : bool Js.t Js.prop; formBind : bool Js.t Js.prop;
             formItemCls : Js.js_string Js.t Js.prop; frame : bool Js.t Js.prop;
             getFieldLabel : ('e Js.t, unit -> Js.js_string Js.t) Js.meth_callback
                             Js.writeonly_prop;
             getSubTplData : 'd1.
                               ('e Js.t, unit -> 'd1 Js.t) Js.meth_callback
                               Js.writeonly_prop;
             grow : bool Js.t Js.prop; growAppend : Js.js_string Js.t Js.prop;
             growMax : Js.number Js.t Js.prop; growMin : Js.number Js.t Js.prop;
             height : Js.number Js.t Js.prop; hidden : bool Js.t Js.prop;
             hideEmptyLabel : bool Js.t Js.prop; hideLabel : bool Js.t Js.prop;
             hideMode : Js.js_string Js.t Js.prop; html : 'e1. 'e1 Js.t Js.prop;
             id : Js.js_string Js.t Js.prop;
             initComponent : ('e Js.t, unit -> unit) Js.meth_callback
                             Js.writeonly_prop;
             inputAttrTpl : 'f1. 'f1 Js.t Js.prop;
             inputId : Js.js_string Js.t Js.prop;
             inputType : Js.js_string Js.t Js.prop;
             invalidCls : Js.js_string Js.t Js.prop;
             invalidText : Js.js_string Js.t Js.prop;
             itemId : Js.js_string Js.t Js.prop;
             labelAlign : Js.js_string Js.t Js.prop;
             labelAttrTpl : 'g1. 'g1 Js.t Js.prop;
             labelCls : Js.js_string Js.t Js.prop;
             labelClsExtra : Js.js_string Js.t Js.prop;
             labelPad : Js.number Js.t Js.prop;
             labelSeparator : Js.js_string Js.t Js.prop;
             labelStyle : Js.js_string Js.t Js.prop;
             labelWidth : Js.number Js.t Js.prop; listeners : 'h1. 'h1 Js.t Js.prop;
             loader : 'i1. 'i1 Js.t Js.prop; margin : 'j1. 'j1 Js.t Js.prop;
             maskRe : Regexp.regexp Js.t Js.prop;
             maxHeight : Js.number Js.t Js.prop; maxLength : Js.number Js.t Js.prop;
             maxLengthText : Js.js_string Js.t Js.prop;
             maxWidth : Js.number Js.t Js.prop; minHeight : Js.number Js.t Js.prop;
             minLength : Js.number Js.t Js.prop;
             minLengthText : Js.js_string Js.t Js.prop;
             minWidth : Js.number Js.t Js.prop;
             msgTarget : Js.js_string Js.t Js.prop;
             name : Js.js_string Js.t Js.prop;
             onAdded : 'k1.
                         ('e Js.t, 'k1 Js.t -> Js.number Js.t -> unit)
                         Js.meth_callback Js.writeonly_prop;
             onDestroy : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
             onDisable : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
             onEnable : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
             onHide : 'l1 'm1 'n1.
                        ('e Js.t,
                         'l1 Js.t Js.optdef ->
                         'm1 Js.callback Js.optdef -> 'n1 Js.t Js.optdef -> unit)
                        Js.meth_callback Js.writeonly_prop;
             onPosition : ('e Js.t, Js.number Js.t -> Js.number Js.t -> unit)
                          Js.meth_callback Js.writeonly_prop;
             onRemoved : ('e Js.t, bool Js.t -> unit) Js.meth_callback
                         Js.writeonly_prop;
             onRender : ('e Js.t, Ext_dom_Element.t Js.t -> Js.number Js.t -> unit)
                        Js.meth_callback Js.writeonly_prop;
             onResize : 'o1 'p1 'q1 'r1.
                          ('e Js.t,
                           'o1 Js.t -> 'p1 Js.t -> 'q1 Js.t -> 'r1 Js.t -> unit)
                          Js.meth_callback Js.writeonly_prop;
             onShow : 's1 't1 'u1.
                        ('e Js.t,
                         's1 Js.t Js.optdef ->
                         't1 Js.callback Js.optdef -> 'u1 Js.t Js.optdef -> unit)
                        Js.meth_callback Js.writeonly_prop;
             onShowComplete : 'v1 'w1.
                                ('e Js.t,
                                 'v1 Js.callback Js.optdef ->
                                 'w1 Js.t Js.optdef -> unit)
                                Js.meth_callback Js.writeonly_prop;
             overCls : Js.js_string Js.t Js.prop;
             overflowX : Js.js_string Js.t Js.prop;
             overflowY : Js.js_string Js.t Js.prop; padding : 'x1. 'x1 Js.t Js.prop;
             plugins : 'y1. 'y1 Js.t Js.prop; preventMark : bool Js.t Js.prop;
             readOnly : bool Js.t Js.prop; readOnlyCls : Js.js_string Js.t Js.prop;
             regex : Regexp.regexp Js.t Js.prop;
             regexText : Js.js_string Js.t Js.prop; region : 'z1. 'z1 Js.t Js.prop;
             renderData : 'a2. 'a2 Js.t Js.prop;
             renderSelectors : 'b2. 'b2 Js.t Js.prop;
             renderTo : 'c2. 'c2 Js.t Js.prop; renderTpl : 'd2. 'd2 Js.t Js.prop;
             requiredCls : Js.js_string Js.t Js.prop;
             resizable : 'e2. 'e2 Js.t Js.prop;
             resizeHandles : Js.js_string Js.t Js.prop; rtl : bool Js.t Js.prop;
             saveDelay : Js.number Js.t Js.prop; selectOnFocus : bool Js.t Js.prop;
             shadow : 'f2. 'f2 Js.t Js.prop; shadowOffset : Js.number Js.t Js.prop;
             shrinkWrap : 'g2. 'g2 Js.t Js.prop; size : Js.number Js.t Js.prop;
             stateEvents : Js.js_string Js.t Js.js_array Js.t Js.prop;
             stateId : Js.js_string Js.t Js.prop; stateful : bool Js.t Js.prop;
             stripCharsRe : Regexp.regexp Js.t Js.prop;
             style : 'h2. 'h2 Js.t Js.prop; submitValue : bool Js.t Js.prop;
             tabIndex : Js.number Js.t Js.prop; toFrontOnShow : bool Js.t Js.prop;
             tpl : 'i2. 'i2 Js.t Js.prop; tplWriteMode : Js.js_string Js.t Js.prop;
             ui : Js.js_string Js.t Js.prop; validateBlank : bool Js.t Js.prop;
             validateOnBlur : bool Js.t Js.prop;
             validateOnChange : bool Js.t Js.prop;
             validator : 'a. 'a Js.callback Js.prop; value : 'j2. 'j2 Js.t Js.prop;
             vtype : Js.js_string Js.t Js.prop;
             vtypeText : Js.js_string Js.t Js.prop; width : Js.number Js.t Js.prop;
             xtype : Js.js_string Js.t Js.prop; .. >
           as 'e)
          Js.t, Js.number Js.t -> Js.number Js.t -> 'b Js.t -> 'c Js.t -> unit)
         Js.meth_callback Js.writeonly_prop as 'd
See method t.afterComponentLayout
method afterRender : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop
See method t.afterRender
method getSubTplData : 'd1. ('e Js.t, unit -> 'd1 Js.t) Js.meth_callback Js.writeonly_prop
See method t.getSubTplData
method initComponent : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop
See method t.initComponent
method onDestroy : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop
See method t.onDestroy
method onDisable : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop
See method t.onDisable
method onEnable : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop
See method t.onEnable