Action
  Action.Load
    Action.DirectLoad

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',
    renderTo: document.body,
    width: 300, height: 160,
    padding: 10,

    // configs apply to child items

    defaults: {anchor: '100%'},
    defaultType: 'textfield',
    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
    },
    // 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: {
        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"
            }
        }
    }
]

var fp = new Ext.form.FormPanel({
...
buttons: [{
    text: 'Save',
    formBind: true,
    handler: function(){
        if(fp.getForm().isValid()){
            fp.getForm().submit({
                url: 'form-submit.php',
                waitMsg: 'Submitting your data...',
                success: function(form, action){
                    // server responded with success = true

                    var result = action.result;
                },
                failure: function(form, action){
                    if (action.failureType === Ext.form.Action.CONNECT_FAILURE) {
                        Ext.Msg.alert('Error',
                            'Status:'+action.response.status+': '+
                            action.response.statusText);
                    }
                    if (action.failureType === Ext.form.Action.SERVER_INVALID){
                        // server responded with success = false

                        Ext.Msg.alert('Invalid', action.result.errormsg);
                    }
                }
            });
        }
    }
},{
    text: 'Reset',
    handler: function(){
        fp.getForm().reset();
    }
}]