Can't access controller method after submit() success

[coletek]

When the puchaseItem function is trigged off a submit button. The console says there is no method updatePageInfo(). Any ideas why? I assume I need to pass a scope somehow?

  Ext.define('test.controller.Main', {    extend: 'Ext.app.Controller',


    config: {
        refs: {
            purchaseform: 'instorepurchaseform',
        },
        control: {
            '#purchase_item': {
                tap: 'purchaseItem'
            }
        }
    },

    updatePageInfo: function(sid, c_size) {
       console.log("here");
    },
 
    purchaseItem: function() {        Ext.Msg.confirm('Confirm', 'Are you sure?', function(button) {
            if (button == 'yes') {
                var values = this.getPurchaseform().getValues();
                this.getPurchaseform().submit({
                    success: function(form, result) {
                        Ext.Msg.alert('Purchase successfully!', "");
                        this.updatePageInfo(values.sid, values.c_size);
                    },
                    failure: function(form, result) {
                        Ext.Msg.alert('Failed to purchase!', "");
                    }
                }, this);


            }
        }, this);
    }

);

[haduki]

scope problem.

this.getPurchaseform().submit({
                    success: function(form, result) {
                        Ext.Msg.alert('Purchase successfully!', "");
                        //here 'this' is the formpanel.
                        this.updatePageInfo(values.sid, values.c_size);
                    },
                    failure: function(form, result) {
                        Ext.Msg.alert('Failed to purchase!', "");
                    }
}, this);

I know you have tried to change the scope,but you used a wrong way.Read document about Form.submit()

//this.getPurchaseform().submit({}, this);

this.getPurchaseform().submit({
    scope: this
});

[coletek]

Cheers. The issue is the doco doesn't say that. It says (can you please explain how you determined how to set scope from the doco?):

submit( this, result, e, eOpts )PREVENTABLEFires upon successful (Ajax-based) form submission

This action following this event is preventable. When any of the listeners returns false, the action is cancelled.

Available since: Touch 1
Parameters

• this : Ext.form.PanelThis FormPanel
  
  
• result : ObjectThe result object as returned by the server
  
  
• e : Ext.EventObjectThe event object
  
  
• eOpts : ObjectThe options object passed to Ext.util.Observable.addListener.