examples/direct/named-arguments.js

   1 Ext.require([
   2     'Ext.direct.*',
   3     'Ext.form.Panel',
   4     'Ext.form.field.Text',
   5     'Ext.form.field.Number'
   6 ]);
   7
   8 Ext.onReady(function(){
   9     Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);
  10
  11     var form = Ext.create('Ext.form.Panel', {
  12         width: 300,
  13         height: 130,
  14         renderTo: document.body,
  15         bodyPadding: 5,
  16         items: [{
  17             xtype: 'textfield',
  18             fieldLabel: 'First Name',
  19             name: 'firstName',
  20             value: 'Evan'
  21         }, {
  22             xtype: 'textfield',
  23             fieldLabel: 'Last Name',
  24             name: 'lastName',
  25             value: 'Trimboli'
  26         }, {
  27             xtype: 'numberfield',
  28             fieldLabel: 'Age',
  29             name: 'age',
  30             value: 25
  31         }],
  32         dockedItems: [{
  33             dock: 'bottom',
  34             ui: 'footer',
  35             xtype: 'toolbar',
  36             items: ['->', {
  37                 text: 'Send',
  38                 handler: function(){
  39                     var values = form.getForm().getValues();
  40                     TestAction.showDetails(values, function(value){
  41                         Ext.example.msg('Server Response', value);
  42                     });
  43                 }
  44             }]
  45         }]
  46     });
  47 });