extjs-gpl/build/examples/kitchensink/classic/samples/view/direct/FormController.js

GPL licensed version of Sencha Ext JS

Ext.define('KitchenSink.view.direct.FormController', {
    extend: 'KitchenSink.view.direct.DirectVC',
    alias: 'controller.directform',
    
    config: {
        /*
         * Note that we're overriding the default URI here
         * to load the API that is specific to Form handling
         * and initialize it as a separate Ext Direct Provider.
         */
        apiUrl: 'data/direct/api.php?form=true',
        
        /*
         * Note that Direct requests will batch together if they occur
         * within the enableBuffer delay period (in milliseconds).
         * Slow the buffering down from the default of 10ms to 100ms
         * for this Provider only.
         */
        providerCfg: {
            enableBuffer: 100
        }
    },
    
    finishInit: function() {
        var locationForm;
        
        // Load the forms. You can use Network tab in browser debugger
        // to look into the data packet sent to the server; notice
        // that basicInfo and phoneInfo requests are batched together.
        this.lookupReference('basicInfo').getForm().load({
            // Pass 2 arguments to server side getBasicInfo method (len=2)
            params: {
                foo: 'bar',
                uid: 42
            }
        });
        
        this.lookupReference('phoneInfo').getForm().load({
            params: {
                uid: 5
            }
        });
        
        locationForm = this.lookupReference('locationInfo').getForm();
        
        // Defer loading this form to simulate the request
        // not getting batched since it exceeds enableBuffer timeout
        Ext.Function.defer(function() {
            locationForm.load({
                params: {
                    uid: 6
                }
            });
        }, 200);
    },
    
    onBasicInfoSubmit: function() {
        var form = this.lookupReference('basicInfo').getForm();
        
        if (form.isValid()) {
            form.submit({
                foo: 'baz',
                uid: 43
            });
        }
    }
});