view release on metacpan or  search on metacpan

share/docs/source/Field.html  view on Meta::CPAN

</span>     * @cfg {Mixed} value A value to initialize this field with (defaults to undefined).
     */
<span id='Ext-form-Field-cfg-name'>    /**
</span>     * @cfg {String} name The field's HTML name attribute (defaults to '').
     * &lt;b&gt;Note&lt;/b&gt;: this property must be set if this field is to be automatically included with
     * {@link Ext.form.BasicForm#submit form submit()}.
     */
<span id='Ext-form-Field-cfg-cls'>    /**
</span>     * @cfg {String} cls A custom CSS class to apply to the field's underlying element (defaults to '').
     */

<span id='Ext-form-Field-cfg-invalidClass'>    /**
</span>     * @cfg {String} invalidClass The CSS class to use when marking a field invalid (defaults to 'x-form-invalid')
     */
    invalidClass : 'x-form-invalid',
<span id='Ext-form-Field-cfg-invalidText'>    /**
</span>     * @cfg {String} invalidText The error text to use when marking a field invalid and no message is provided
     * (defaults to 'The value in this field is invalid')
     */
    invalidText : 'The value in this field is invalid',
<span id='Ext-form-Field-cfg-focusClass'>    /**
</span>     * @cfg {String} focusClass The CSS class to use when the field receives focus (defaults to 'x-form-focus')
     */
    focusClass : 'x-form-focus',
<span id='Ext-form-Field-cfg-preventMark'>    /**
</span>     * @cfg {Boolean} preventMark
     * &lt;tt&gt;true&lt;/tt&gt; to disable {@link #markInvalid marking the field invalid}.
     * Defaults to &lt;tt&gt;false&lt;/tt&gt;.
     */
<span id='Ext-form-Field-cfg-validationEvent'>    /**
</span>     * @cfg {String/Boolean} validationEvent The event that should initiate field validation. Set to false to disable
      automatic validation (defaults to 'keyup').
     */
    validationEvent : 'keyup',
<span id='Ext-form-Field-cfg-validateOnBlur'>    /**
</span>     * @cfg {Boolean} validateOnBlur Whether the field should validate when it loses focus (defaults to true).
     */
    validateOnBlur : true,
<span id='Ext-form-Field-cfg-validationDelay'>    /**
</span>     * @cfg {Number} validationDelay The length of time in milliseconds after user input begins until validation
     * is initiated (defaults to 250)
     */
    validationDelay : 250,
<span id='Ext-form-Field-cfg-autoCreate'>    /**
</span>     * @cfg {String/Object} autoCreate &lt;p&gt;A {@link Ext.DomHelper DomHelper} element spec, or true for a default
     * element spec. Used to create the {@link Ext.Component#getEl Element} which will encapsulate this Component.
     * See &lt;tt&gt;{@link Ext.Component#autoEl autoEl}&lt;/tt&gt; for details.  Defaults to:&lt;/p&gt;
     * &lt;pre&gt;&lt;code&gt;{tag: 'input', type: 'text', size: '20', autocomplete: 'off'}&lt;/code&gt;&lt;/pre&gt;
     */
    defaultAutoCreate : {tag: 'input', type: 'text', size: '20', autocomplete: 'off'},
<span id='Ext-form-Field-cfg-fieldClass'>    /**
</span>     * @cfg {String} fieldClass The default CSS class for the field (defaults to 'x-form-field')
     */
    fieldClass : 'x-form-field',
<span id='Ext-form-Field-cfg-msgTarget'>    /**
</span>     * @cfg {String} msgTarget &lt;p&gt;The location where the message text set through {@link #markInvalid} should display.
     * Must be one of the following values:&lt;/p&gt;
     * &lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
     * &lt;li&gt;&lt;code&gt;qtip&lt;/code&gt; Display a quick tip containing the message when the user hovers over the field. This is the default.
     * &lt;div class=&quot;subdesc&quot;&gt;&lt;b&gt;{@link Ext.QuickTips#init Ext.QuickTips.init} must have been called for this setting to work.&lt;/b&gt;&lt;/div&lt;/li&gt;
     * &lt;li&gt;&lt;code&gt;title&lt;/code&gt; Display the message in a default browser title attribute popup.&lt;/li&gt;
     * &lt;li&gt;&lt;code&gt;under&lt;/code&gt; Add a block div beneath the field containing the error message.&lt;/li&gt;
     * &lt;li&gt;&lt;code&gt;side&lt;/code&gt; Add an error icon to the right of the field, displaying the message in a popup on hover.&lt;/li&gt;
     * &lt;li&gt;&lt;code&gt;[element id]&lt;/code&gt; Add the error message directly to the innerHTML of the specified element.&lt;/li&gt;
     * &lt;/ul&gt;&lt;/div&gt;
     */
    msgTarget : 'qtip',
<span id='Ext-form-Field-cfg-msgFx'>    /**
</span>     * @cfg {String} msgFx &lt;b&gt;Experimental&lt;/b&gt; The effect used when displaying a validation message under the field
     * (defaults to 'normal').
     */
    msgFx : 'normal',
<span id='Ext-form-Field-cfg-readOnly'>    /**
</span>     * @cfg {Boolean} readOnly &lt;tt&gt;true&lt;/tt&gt; to mark the field as readOnly in HTML
     * (defaults to &lt;tt&gt;false&lt;/tt&gt;).
     * &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this only sets the element's readOnly DOM attribute.
     * Setting &lt;code&gt;readOnly=true&lt;/code&gt;, for example, will not disable triggering a
     * ComboBox or DateField; 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
     * &lt;code&gt;{@link Ext.form.TriggerField#hideTrigger hideTrigger}&lt;/code&gt;.&lt;/p&gt;
     */
    readOnly : false,
<span id='Ext-form-Field-cfg-disabled'>    /**
</span>     * @cfg {Boolean} disabled True to disable the field (defaults to false).
     * &lt;p&gt;Be aware that conformant with the &lt;a href=&quot;http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1&quot;&gt;HTML specification&lt;/a&gt;,
     * disabled Fields will not be {@link Ext.form.BasicForm#submit submitted}.&lt;/p&gt;
     */
    disabled : false,
<span id='Ext-form-Field-cfg-submitValue'>    /**
</span>     * @cfg {Boolean} submitValue False to clear the name attribute on the field so that it is not submitted during a form post.
     * Defaults to &lt;tt&gt;true&lt;/tt&gt;.
     */
    submitValue: true,

<span id='Ext-form-Field-property-isFormField'>    // private
</span>    isFormField : true,

<span id='Ext-form-Field-property-msgDisplay'>    // private
</span>    msgDisplay: '',

<span id='Ext-form-Field-property-hasFocus'>    // private
</span>    hasFocus : false,

<span id='Ext-form-Field-method-initComponent'>    // private
</span>    initComponent : function(){
        Ext.form.Field.superclass.initComponent.call(this);
        this.addEvents(
<span id='Ext-form-Field-event-focus'>            /**
</span>             * @event focus
             * Fires when this field receives input focus.
             * @param {Ext.form.Field} this
             */
            'focus',
<span id='Ext-form-Field-event-blur'>            /**
</span>             * @event blur
             * Fires when this field loses input focus.
             * @param {Ext.form.Field} this
             */
            'blur',
<span id='Ext-form-Field-event-specialkey'>            /**
</span>             * @event specialkey
             * Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.
             * To handle other keys see {@link Ext.Panel#keys} or {@link Ext.KeyMap}.