/** * @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.
** The data packet sent to the server will resemble something like: *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 form will process a data packet returned by the server that is similar * to the following: *{ "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" } } } *
* 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); } });// 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" } } *