docs/guides/forms/examples/layout/app.js

   1 /**
   2  * @example Simple Form
   3  *
   4  */
   5 Ext.require('Ext.form.Panel');
   6 Ext.require('Ext.form.field.Date');
   7 Ext.onReady(function() {
   8     Ext.create('Ext.form.Panel', {
   9         renderTo: Ext.getBody(),
  10         title: 'User Form',
  11         height: 100,
  12         width: 515,
  13         defaults: {
  14             xtype: 'textfield',
  15             labelAlign: 'top',
  16             padding: 10
  17         },
  18         layout: {
  19             type: 'hbox'
  20         },
  21         items: [
  22             {
  23                 fieldLabel: 'First Name',
  24                 name: 'firstName'
  25             },
  26             {
  27                 fieldLabel: 'Last Name',
  28                 name: 'lastName'
  29             },
  30             {
  31                 xtype: 'datefield',
  32                 fieldLabel: 'Date of Birth',
  33                 name: 'birthDate'
  34             }
  35         ]
  36     });
  37
  38 });