The class FormPanel
provides a container for forms. We usually use a form for data management. In Ext JS 4, FormPanel
consists of Fields
,
FieldContainer
,
FieldSet
,
Label
, and Actions
. We will start with an example of form fields, explaining each one of them.
Ext JS 4 introduces the Ext.form.field
package, where all the form fields belong. We will look into each one of the classes from the previous diagram, with examples. First, we will declare a form with some fields:
Ext.create('Ext.form.Panel', { frame: true, title: 'Form Fields', width: 340, bodyPadding: 5, renderTo: 'form-example', fieldDefaults: { labelAlign: 'left', labelWidth: 90, anchor: '100%' }, items: [{ xtype: 'hiddenfield', //1 name: 'hiddenfield1', value: 'Hidden ...
No credit card required