/** * @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: *
* * @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 });text_field=value+from+text+field&hidden_field_1=value+from+hidden+field&
hidden_field_2=value+from+submit+call