X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..92c2b89db26be16707f4a805d3303ab2531006e1:/docs/output/Ext.form.Action.DirectLoad.html?ds=sidebyside diff --git a/docs/output/Ext.form.Action.DirectLoad.html b/docs/output/Ext.form.Action.DirectLoad.html index 102f81d9..f3f590d7 100644 --- a/docs/output/Ext.form.Action.DirectLoad.html +++ b/docs/output/Ext.form.Action.DirectLoad.html @@ -1,43 +1,67 @@ -
Properties Methods Events Config Options Direct Link 
Action
  Action.Load
    Action.DirectLoad

Class Ext.form.Action.DirectLoad

Package:Ext.form
Defined In:Action.js
Class:Action.DirectLoad
Extends:Action.Load
Provides Ext.direct support for loading form data. This example illustrates usage -of Ext.Direct to load a submit a form through Ext.Direct. +
Action
  Action.Load
    Action.DirectLoad

Class Ext.form.Action.DirectLoad

Package:Ext.form
Defined In:Action.js
Class:Action.DirectLoad
Extends:Action.Load

Provides Ext.direct support for loading form data.

+

This example illustrates usage of Ext.Direct to load a form through Ext.Direct.

var myFormPanel = new Ext.form.FormPanel({
     // configs for FormPanel
     title: 'Basic Information',
-    border: false,
+    renderTo: document.body,
+    width: 300, height: 160,
     padding: 10,
-    buttons:[{
-        text: 'Submit',
-        handler: function(){
-            basicInfo.getForm().submit({
-                params: {
-                    uid: 5
-                }
-            });
-        }
-    }],
-    
+
     // configs apply to child items
     defaults: {anchor: '100%'},
     defaultType: 'textfield',
-    items: [
-        // form fields go here
-    ],
-    
+    items: [{
+        fieldLabel: 'Name',
+        name: 'name'
+    },{
+        fieldLabel: 'Email',
+        name: 'email'
+    },{
+        fieldLabel: 'Company',
+        name: 'company'
+    }],
+
     // configs for BasicForm
     api: {
+        // The server-side method to call for load() requests
         load: Profile.getBasicInfo,
         // The server-side must mark the submit handler as a 'formHandler'
         submit: Profile.updateBasicInfo
-    },    
-    paramOrder: ['uid']
+    },
+    // specify the order for the passed params
+    paramOrder: ['uid', 'foo']
 });
 
 // load the form
 myFormPanel.getForm().load({
+    // pass 2 arguments to server side getBasicInfo method (len=2)
     params: {
-        uid: 5
+        foo: 'bar',
+        uid: 34
+    }
+});
+The data packet sent to the server will resemble something like: +
[
+    {
+        "action":"Profile","method":"getBasicInfo","type":"rpc","tid":2,
+        "data":[34,"bar"] // note the order of the params
+    }
+]
+The form will process a data packet returned by the server that is similar +to the following format: +
[
+    {
+        "action":"Profile","method":"getBasicInfo","type":"rpc","tid":2,
+        "result":{
+            "success":true,
+            "data":{
+                "name":"Fred Flintstone",
+                "company":"Slate Rock and Gravel",
+                "email":"fred.flintstone@slaterg.com"
+            }
+        }
     }
-});

Config Options

Config OptionsDefined By