/** * @class Ext.form.action.DirectSubmit * @extends Ext.form.action.Submit *

Provides Ext.direct support for submitting form data.

*

This example illustrates usage of Ext.Direct to submit 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,
    buttons:[{
        text: 'Submit',
        handler: function(){
            myFormPanel.getForm().submit({
                params: {
                    foo: 'bar',
                    uid: 34
                }
            });
        }
    }],

    // 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']
});
 * 
* The data packet sent to the server will resemble something like: *

{
    "action":"Profile","method":"updateBasicInfo","type":"rpc","tid":"6",
    "result":{
        "success":true,
        "id":{
            "extAction":"Profile","extMethod":"updateBasicInfo",
            "extType":"rpc","extTID":"6","extUpload":"false",
            "name":"Aaron Conran","email":"[email protected]","company":"Ext JS, LLC"
        }
    }
}
 * 
* The form will process a data packet returned by the server that is similar * to the following: *

// sample success packet (batched requests)
[
    {
        "action":"Profile","method":"updateBasicInfo","type":"rpc","tid":3,
        "result":{
            "success":true
        }
    }
]

// sample failure packet (one request)
{
        "action":"Profile","method":"updateBasicInfo","type":"rpc","tid":"6",
        "result":{
            "errors":{
                "email":"already taken"
            },
            "success":false,
            "foo":"bar"
        }
}
 * 
* Also see the discussion in {@link Ext.form.DirectLoadAction}. */ Ext.define('Ext.form.action.DirectSubmit', { extend:'Ext.form.action.Submit', requires: ['Ext.direct.Direct'], alternateClassName: 'Ext.form.Action.DirectSubmit', alias: 'formaction.directsubmit', type: 'directsubmit', doSubmit: function() { var callback = Ext.Function.bind(this.onSuccess, this), formEl = this.buildForm(); this.form.api.submit(formEl, callback, this); Ext.removeNode(formEl); }, // Direct actions have already been processed and therefore // we can directly set the result; Direct Actions do not have // a this.response property. processResponse: function(result) { return (this.result = result); }, onSuccess: function(response, trans) { if (trans.type === Ext.Direct.exceptions.SERVER) { response = {}; } Ext.form.action.DirectSubmit.superclass.onSuccess.call(this, response); } });