/**
 * @class Ext.form.Hidden
 * @extends Ext.form.BaseField
 * 
A basic hidden field for storing hidden values in forms that need to be passed in the form submit.
 * 
This creates an actual input element with type="submit" in the DOM. While its label is
 * {@link #hideLabel not rendered} by default, it is still a real component and may be sized according to
 * its owner container's layout.
 * 
Because of this, in most cases it is more convenient and less problematic to simply
 * {@link Ext.form.action.Action#params pass hidden parameters} directly when
 * {@link Ext.form.Basic#submit submitting the form}.
 * 
Example:
 * 
new Ext.form.FormPanel({
    title: 'My Form',
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Text Field',
        name: 'text_field',
        value: 'value from text field'
    }, {
        xtype: 'hiddenfield',
        name: 'hidden_field_1',
        value: 'value from hidden field'
    }],

    buttons: [{
        text: 'Submit',
        handler: function() {
            this.up('form').getForm().submit({
                params: {
                    hidden_field_2: 'value from submit call'
                }
            });
        }
    }]
});
 * 
Submitting the above form will result in three values sent to the server:
 * text_field=value+from+text+field&hidden_field_1=value+from+hidden+field&
hidden_field_2=value+from+submit+call
 *
 * @constructor
 * Create a new Hidden field.
 * @param {Object} config Configuration options
 * 
 * @xtype hiddenfield
 */
Ext.define('Ext.form.Hidden', {
    extend:'Ext.form.BaseField',
    alias: ['widget.hiddenfield', 'widget.hidden'],

    // private
    inputType : 'hidden',
    hideLabel: true,

    // These are all private overrides
    initEvents: Ext.emptyFn,
    setSize : Ext.emptyFn,
    setWidth : Ext.emptyFn,
    setHeight : Ext.emptyFn,
    setPosition : Ext.emptyFn,
    setPagePosition : Ext.emptyFn,
    markInvalid : Ext.emptyFn,
    clearInvalid : Ext.emptyFn
});