    /** * Hidden fields allow you to easily inject additional data into a {@link Ext.form.Panel form} without displaying * additional fields on the screen. This is often useful for sending dynamic or previously collected data back to the * server in the same request as the normal form submission. For example, here is how we might set up a form to send * back a hidden userId field: * *     @example *     var form = Ext.create('Ext.form.Panel', { *         fullscreen: true, *         items: [ *             { *                 xtype: 'fieldset', *                 title: 'Enter your name', *                 items: [ *                     { *                         xtype: 'hiddenfield', *                         name: 'userId', *                         value: 123 *                     }, *                     { *                         xtype: 'checkboxfield', *                         label: 'Enable notifications', *                         name: 'notifications' *                     } *                 ] *             } *         ] *     }); * * In the form above we created two fields - a hidden field and a {@link Ext.field.Checkbox check box field}. Only the * check box will be visible, but both fields will be submitted. Hidden fields cannot be tabbed to - they are removed * from the tab index so when your user taps the next/previous field buttons the hidden field is skipped over. * * It's easy to read and update the value of a hidden field within a form. Using the example above, we can get a * reference to the hidden field and then set it to a new value in 2 lines of code: * *     var userId = form.down('hiddenfield')[0]; *     userId.setValue(1234); */Ext.define('Ext.field.Hidden', {    extend: 'Ext.field.Text',    alternateClassName: 'Ext.form.Hidden',    xtype: 'hiddenfield',     config: {        /**         * @cfg         * @inheritdoc         */        component: {            xtype: 'input',            type : 'hidden'        },         /**         * @cfg hidden         * @hide         */        hidden: true,         /**         * @cfg {Number} tabIndex          * @hide         */        tabIndex: -1    },     classCls: Ext.baseCSSPrefix + 'hiddenfield'});