Panel.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. Ext.define('uas.view.form.basic.Panel', {
  2. extend: 'Ext.form.Panel',
  3. xtype: 'basic-form',
  4. bodyPadding: 12,
  5. items: [{
  6. xtype: 'textfield',
  7. name: 'textfield1',
  8. fieldLabel: 'Text field',
  9. value: 'Text field value'
  10. }, {
  11. xtype: 'hiddenfield',
  12. name: 'hidden1',
  13. value: 'Hidden field value'
  14. },{
  15. xtype: 'textfield',
  16. name: 'password1',
  17. inputType: 'password',
  18. fieldLabel: 'Password field'
  19. },{
  20. xtype: 'filefield',
  21. name: 'file1',
  22. fieldLabel: 'File upload'
  23. }, {
  24. xtype: 'textareafield',
  25. name: 'textarea1',
  26. fieldLabel: 'TextArea',
  27. value: 'Textarea value'
  28. }, {
  29. xtype: 'displayfield',
  30. name: 'displayfield1',
  31. fieldLabel: 'Display field',
  32. value: 'Display field <span style="color: "green";">value</span>'
  33. }, {
  34. xtype: 'numberfield',
  35. name: 'numberfield1',
  36. fieldLabel: 'Number field',
  37. value: 5,
  38. minValue: 0,
  39. maxValue: 50
  40. }, {
  41. xtype: 'checkboxfield',
  42. name: 'checkbox1',
  43. fieldLabel: 'Checkbox',
  44. boxLabel: 'box label'
  45. }, {
  46. xtype: 'radiofield',
  47. name: 'radio1',
  48. value: 'radiovalue1',
  49. fieldLabel: 'Radio buttons',
  50. boxLabel: 'radio 1'
  51. }, {
  52. xtype: 'radiofield',
  53. name: 'radio1',
  54. value: 'radiovalue2',
  55. fieldLabel: '',
  56. labelSeparator: '',
  57. hideEmptyLabel: false,
  58. boxLabel: 'radio 2'
  59. }, {
  60. xtype: 'datefield',
  61. name: 'date1',
  62. fieldLabel: 'Date Field'
  63. }, {
  64. xtype: 'timefield',
  65. name: 'time1',
  66. fieldLabel: 'Time Field',
  67. minValue: '1:30 AM',
  68. maxValue: '9:15 PM'
  69. }]
  70. });