projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * This example shows examples of the various supported form field types.\r | |
| 3 | */\r | |
| 4 | Ext.define('KitchenSink.view.form.FieldTypes', {\r | |
| 5 | extend: 'Ext.form.Panel',\r | |
| 6 | xtype: 'form-fieldtypes',\r | |
| 7 | \r | |
| 8 | //<example>\r | |
| 9 | requires: [\r | |
| 10 | 'Ext.form.field.*'\r | |
| 11 | ],\r | |
| 12 | \r | |
| 13 | exampleTitle: 'Form Field Types',\r | |
| 14 | //</example>\r | |
| 15 | \r | |
| 16 | frame: true,\r | |
| 17 | title: 'Form Fields',\r | |
| 18 | width: 400,\r | |
| 19 | bodyPadding: 10,\r | |
| 20 | layout: 'form',\r | |
| 21 | \r | |
| 22 | items: [{\r | |
| 23 | xtype: 'textfield',\r | |
| 24 | name: 'textfield1',\r | |
| 25 | fieldLabel: 'Text field',\r | |
| 26 | value: 'Text field value'\r | |
| 27 | }, {\r | |
| 28 | xtype: 'hiddenfield',\r | |
| 29 | name: 'hidden1',\r | |
| 30 | value: 'Hidden field value'\r | |
| 31 | },{\r | |
| 32 | xtype: 'textfield',\r | |
| 33 | name: 'password1',\r | |
| 34 | inputType: 'password',\r | |
| 35 | fieldLabel: 'Password field'\r | |
| 36 | }, {\r | |
| 37 | xtype: 'filefield',\r | |
| 38 | name: 'file1',\r | |
| 39 | fieldLabel: 'File upload'\r | |
| 40 | }, {\r | |
| 41 | xtype: 'textareafield',\r | |
| 42 | name: 'textarea1',\r | |
| 43 | fieldLabel: 'TextArea',\r | |
| 44 | value: 'Textarea value'\r | |
| 45 | }, {\r | |
| 46 | xtype: 'displayfield',\r | |
| 47 | name: 'displayfield1',\r | |
| 48 | fieldLabel: 'Display field',\r | |
| 49 | value: 'Display field <span style="color:green;">value</span>'\r | |
| 50 | }, {\r | |
| 51 | xtype: 'numberfield',\r | |
| 52 | name: 'numberfield1',\r | |
| 53 | fieldLabel: 'Number field',\r | |
| 54 | value: 5,\r | |
| 55 | minValue: 0,\r | |
| 56 | maxValue: 50\r | |
| 57 | }, {\r | |
| 58 | xtype: 'checkboxfield',\r | |
| 59 | name: 'checkbox1',\r | |
| 60 | fieldLabel: 'Checkbox',\r | |
| 61 | boxLabel: 'box label'\r | |
| 62 | }, {\r | |
| 63 | xtype: 'radiofield',\r | |
| 64 | name: 'radio1',\r | |
| 65 | value: 'radiovalue1',\r | |
| 66 | fieldLabel: 'Radio buttons',\r | |
| 67 | boxLabel: 'radio 1'\r | |
| 68 | }, {\r | |
| 69 | xtype: 'radiofield',\r | |
| 70 | name: 'radio1',\r | |
| 71 | value: 'radiovalue2',\r | |
| 72 | fieldLabel: '',\r | |
| 73 | labelSeparator: '',\r | |
| 74 | hideEmptyLabel: false,\r | |
| 75 | boxLabel: 'radio 2'\r | |
| 76 | }, {\r | |
| 77 | xtype: 'datefield',\r | |
| 78 | name: 'date1',\r | |
| 79 | fieldLabel: 'Date Field'\r | |
| 80 | }, {\r | |
| 81 | xtype: 'timefield',\r | |
| 82 | name: 'time1',\r | |
| 83 | fieldLabel: 'Time Field',\r | |
| 84 | minValue: '1:30 AM',\r | |
| 85 | maxValue: '9:15 PM'\r | |
| 86 | }]\r | |
| 87 | });\r |