Clear Up
SharpKit Reference

Hidden Class

Namespace: Ext.field

Base Types

System.Object

Constructors

Name Description
Hidden(HiddenConfig)
Hidden()

Properties

Name Description
alias
alternateClassName 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: var form = Ext.create('Ext.form.Panel', { tbar: { text: 'Set your preferences' }, 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);
extend 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: var form = Ext.create('Ext.form.Panel', { tbar: { text: 'Set your preferences' }, 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);
© Copyright 2005-2011 SharpKit. All rights reserved.