Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / examples / direct / named-arguments.js
diff --git a/examples/direct/named-arguments.js b/examples/direct/named-arguments.js
new file mode 100644 (file)
index 0000000..9807dce
--- /dev/null
@@ -0,0 +1,47 @@
+Ext.require([
+    'Ext.direct.*',
+    'Ext.form.Panel',
+    'Ext.form.field.Text',
+    'Ext.form.field.Number'
+]);
+
+Ext.onReady(function(){
+    Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);
+    
+    var form = Ext.create('Ext.form.Panel', {
+        width: 300,
+        height: 130,
+        renderTo: document.body,
+        bodyPadding: 5,
+        items: [{
+            xtype: 'textfield',
+            fieldLabel: 'First Name',
+            name: 'firstName',
+            value: 'Evan'
+        }, {
+            xtype: 'textfield',
+            fieldLabel: 'Last Name',
+            name: 'lastName',
+            value: 'Trimboli'
+        }, {
+            xtype: 'numberfield',
+            fieldLabel: 'Age',
+            name: 'age',
+            value: 25
+        }],
+        dockedItems: [{
+            dock: 'bottom',
+            ui: 'footer',
+            xtype: 'toolbar',
+            items: ['->', {
+                text: 'Send',
+                handler: function(){
+                    var values = form.getForm().getValues();
+                    TestAction.showDetails(values, function(value){
+                        Ext.example.msg('Server Response', value);
+                    });
+                }
+            }]
+        }]  
+    });
+});