Class type Ext_form_field_Base.configs

class type configs = object .. end

Inherits

method baseCls : Js.js_string Js.t Js.prop

The base CSS class to apply to this component's element. This will also be prepended to elements within this component like Panel's body will get a class x-panel-body. This means that if you create a subclass of Panel, and you want it to get all the Panels styling for the element and the body, you leave the baseCls x-panel and use componentCls to add specific styling for this component.

Defaults to: Ext.baseCSSPrefix + 'field'

method checkChangeBuffer : Js.number Js.t Js.prop

Defines a timeout in milliseconds for buffering checkChangeEvents that fire in rapid succession. Defaults to 50 milliseconds.

Defaults to: 50

method checkChangeEvents : Js.js_string Js.t Js.js_array Js.t Js.prop

A list of event names that will be listened for on the field's input element, which will cause the field's value to be checked for changes. If a change is detected, the change event will be fired, followed by validation if the validateOnChange option is enabled.

Defaults to ['change', 'propertychange', 'keyup'] in Internet Explorer, and ['change', 'input', 'textInput', 'keyup', 'dragdrop'] in other browsers. This catches all the ways that field values can be changed in most supported browsers; the only known exceptions at the time of writing are:

Safari 3.2 and older: cut/paste in textareas via the context menu, and dragging text into textareas
Opera 10 and 11: dragging text into text fields and textareas, and cut via the context menu in text fields and textareas
Opera 9: Same as Opera 10 and 11, plus paste from context menu in text fields and textareas

If you need to guarantee on-the-fly change notifications including these edge cases, you can call the checkChange method on a repeating interval, e.g. using Ext.TaskManager, or if the field is within a Ext.form.Panel, you can use the FormPanel's Ext.form.Panel.pollForChanges configuration to set up such a task automatically.

method componentLayout : 'a. 'a Js.t Js.prop

The sizing and positioning of a Component's internal Elements is the responsibility of the Component's layout manager which sizes a Component's internal structure in response to the Component being sized.

Generally, developers will not use this configuration as all provided Components which need their internal elements sizing (Such as input fields) come with their own componentLayout managers.

The default layout manager will be used on instances of the base Ext.Component class which simply sizes the Component's encapsulating element to the height and width specified in the setSize method.

Defaults to: 'field'

method dirtyCls : Js.js_string Js.t Js.prop

The CSS class to use when the field value is dirty.

Defaults to: Ext.baseCSSPrefix + 'form-dirty'

method fieldCls : Js.js_string Js.t Js.prop

The default CSS class for the field input

Defaults to: 'x-form-field'

method fieldStyle : Js.js_string Js.t Js.prop

Optional CSS style(s) to be applied to the field input element. Should be a valid argument to Ext.Element.applyStyles. Defaults to undefined. See also the setFieldStyle method for changing the style after initialization.

method focusCls : Js.js_string Js.t Js.prop

The CSS class to use when the field receives focus

Defaults to: 'x-form-focus'

method inputAttrTpl : 'b. 'b Js.t Js.prop

An optional string or XTemplate configuration to insert in the field markup inside the input element (as attributes). If an XTemplate is used, the component's subTpl data serves as the context.

method inputId : Js.js_string Js.t Js.prop

The id that will be given to the generated input DOM element. Defaults to an automatically generated id. If you configure this manually, you must make sure it is unique in the document.

method inputType : Js.js_string Js.t Js.prop

The type attribute for input fields -- e.g. radio, text, password, file. The extended types supported by HTML5 inputs (url, email, etc.) may also be used, though using them will cause older browsers to fall back to 'text'.

The type 'password' must be used to render that field type currently -- there is no separate Ext component for that. You can use Ext.form.field.File which creates a custom-rendered file upload field, but if you want a plain unstyled file input you can use a Base with inputType:'file'.

Defaults to: 'text'

method invalidText : Js.js_string Js.t Js.prop

The error text to use when marking a field invalid and no message is provided

Defaults to: 'The value in this field is invalid'

method name : Js.js_string Js.t Js.prop

The name of the field. This is used as the parameter name when including the field value in a form submit(). If no name is configured, it falls back to the inputId. To prevent the field from being included in the form submit, set submitValue to false.

method readOnly : bool Js.t Js.prop

true to mark the field as readOnly in HTML.

Note: this only sets the element's readOnly DOM attribute. Setting readOnly=true, for example, will not disable triggering a ComboBox or Date; it gives you the option of forcing the user to choose via the trigger without typing in the text box. To hide the trigger use hideTrigger.

Defaults to: false

method readOnlyCls : Js.js_string Js.t Js.prop

The CSS class applied to the component's main element when it is readOnly.

Defaults to: Ext.baseCSSPrefix + 'form-readonly'

method tabIndex : Js.number Js.t Js.prop

The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo

method validateOnBlur : bool Js.t Js.prop

Whether the field should validate when it loses focus. This will cause fields to be validated as the user steps through the fields in the form regardless of whether they are making changes to those fields along the way. See also validateOnChange.

Defaults to: true

method getSubTplData : 'c.
         ((< activeError : Js.js_string Js.t Js.prop;
             activeErrorsTpl : 'f. 'f Js.t Js.prop;
             afterBodyEl : 'g. 'g Js.t Js.prop;
             afterComponentLayout : 'h 'i.
                                      ('e Js.t,
                                       Js.number Js.t ->
                                       Js.number Js.t -> 'h Js.t -> 'i Js.t -> unit)
                                      Js.meth_callback Js.writeonly_prop;
             afterHide : 'j 'k.
                           ('e Js.t,
                            'j Js.callback Js.optdef -> 'k Js.t Js.optdef -> unit)
                           Js.meth_callback Js.writeonly_prop;
             afterLabelTextTpl : 'l. 'l Js.t Js.prop;
             afterLabelTpl : 'm. 'm 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 : 'n 'o 'p.
                           ('e Js.t,
                            'n Js.t Js.optdef ->
                            'o Js.callback Js.optdef -> 'p Js.t Js.optdef -> unit)
                           Js.meth_callback Js.writeonly_prop;
             afterSubTpl : 'q. 'q Js.t Js.prop; autoEl : 'r. 'r Js.t Js.prop;
             autoFitErrors : bool Js.t Js.prop; autoRender : 's. 's 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 : 't. 't 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 : 'u. 'u Js.t Js.prop;
             beforeLabelTpl : 'v. 'v 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 : 'w. 'w Js.t Js.prop; border : 'x. 'x 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 : 'y. 'y 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 : 'z. 'z Js.t Js.prop;
             componentCls : Js.js_string Js.t Js.prop;
             componentLayout : 'a. 'a Js.t Js.prop; constrain : bool Js.t Js.prop;
             constrainTo : 'a1. 'a1 Js.t Js.prop;
             constraintInsets : 'b1. 'b1 Js.t Js.prop;
             contentEl : Js.js_string Js.t Js.prop; data : 'c1. 'c1 Js.t Js.prop;
             defaultAlign : Js.js_string Js.t Js.prop;
             dirtyCls : Js.js_string 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 : 'd1. 'd1 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 : 'c. 'd; 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 : 'b. 'b 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 : 'f1. 'f1 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 : 'g1. 'g1 Js.t Js.prop;
             loader : 'h1. 'h1 Js.t Js.prop; margin : 'i1. 'i1 Js.t Js.prop;
             maxHeight : Js.number Js.t Js.prop; maxWidth : Js.number Js.t Js.prop;
             minHeight : Js.number 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 : 'j1.
                         ('e Js.t, 'j1 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 : 'k1 'l1 'm1.
                        ('e Js.t,
                         'k1 Js.t Js.optdef ->
                         'l1 Js.callback Js.optdef -> 'm1 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 : 'n1 'o1 'p1 'q1.
                          ('e Js.t,
                           'n1 Js.t -> 'o1 Js.t -> 'p1 Js.t -> 'q1 Js.t -> unit)
                          Js.meth_callback Js.writeonly_prop;
             onShow : 'r1 's1 't1.
                        ('e Js.t,
                         'r1 Js.t Js.optdef ->
                         's1 Js.callback Js.optdef -> 't1 Js.t Js.optdef -> unit)
                        Js.meth_callback Js.writeonly_prop;
             onShowComplete : 'u1 'v1.
                                ('e Js.t,
                                 'u1 Js.callback Js.optdef ->
                                 'v1 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 : 'w1. 'w1 Js.t Js.prop;
             plugins : 'x1. 'x1 Js.t Js.prop; preventMark : bool Js.t Js.prop;
             readOnly : bool Js.t Js.prop; readOnlyCls : Js.js_string Js.t Js.prop;
             region : 'y1. 'y1 Js.t Js.prop; renderData : 'z1. 'z1 Js.t Js.prop;
             renderSelectors : 'a2. 'a2 Js.t Js.prop;
             renderTo : 'b2. 'b2 Js.t Js.prop; renderTpl : 'c2. 'c2 Js.t Js.prop;
             resizable : 'd2. 'd2 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; shadow : 'e2. 'e2 Js.t Js.prop;
             shadowOffset : Js.number Js.t Js.prop;
             shrinkWrap : 'f2. 'f2 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;
             style : 'g2. 'g2 Js.t Js.prop; submitValue : bool Js.t Js.prop;
             tabIndex : Js.number Js.t Js.prop; toFrontOnShow : bool Js.t Js.prop;
             tpl : 'h2. 'h2 Js.t Js.prop; tplWriteMode : Js.js_string Js.t Js.prop;
             ui : Js.js_string Js.t Js.prop; validateOnBlur : bool Js.t Js.prop;
             validateOnChange : bool Js.t Js.prop; value : 'i2. 'i2 Js.t Js.prop;
             width : Js.number Js.t Js.prop; xtype : Js.js_string Js.t Js.prop; .. >
           as 'e)
          Js.t, unit -> 'c Js.t)
         Js.meth_callback Js.writeonly_prop as 'd

See method t.getSubTplData

method initComponent : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop

See method t.initComponent

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

method onRender : ('e Js.t, Ext_dom_Element.t Js.t -> Js.number Js.t -> unit) Js.meth_callback
       Js.writeonly_prop

See method t.onRender