[CLOSED] How can I set scope in Success function when calling DirectMethod?

[jchau]

I am using a DirectMethod to hit a httphandler and return HTML that I inject into the page. How can I set the scope of the success function?

    getDrillDownMap:function() {
        this.getEl().dom.useMap ='#' +  this.imageMapID;
        Ext.net.DirectMethod.request({
            url: this.imageUrl,
            cleanRequest: true,
            success: function(result, options) {
                var newMap = Ext.DomHelper.insertHtml('afterEnd', this.getEl().dom, result.html);
            },
            failure: function(result) {
                debugger;
            },
            scope:this
        });
    
    }

In the above code, this inside getDrillDownMap refers to an image object. I want to pass that image object as the scope of the success function.

[Vladimir]

Hi,

Try this

success: function(result, options) {
       var newMap = Ext.DomHelper.insertHtml('afterEnd', this.getEl().dom, result.html);
}.createDelegate(this),

or another

getDrillDownMap:function() {
    this.getEl().dom.useMap ='#' +  this.imageMapID;
    var me = this;
    Ext.net.DirectMethod.request({
        url: this.imageUrl,
        cleanRequest: true,
        success: function(result, options) {
             // use 'me' variable to get the image
             var newMap = Ext.DomHelper.insertHtml('afterEnd', this.getEl().dom, result.html);
        },
        failure: function(result) {
            debugger;
        },
        scope:this
    });
 
}

[jchau]

Thank you. I used the second option. Is there a reason why setting scope:this is not working? According to ExtJS API:

scope : Object (Optional)
The scope in which to execute the callbacks: The "this" object for the callback function. If the url, or params options were specified as functions from which to draw values, then this also serves as the scope for those function calls. Defaults to the browser window.

And I thought DirectMethod can take the same options as Ext.Ajax

[Vladimir]

Hi,

Is there a reason why setting scope:this is not working?

Just it is specific implementation in the DirectEvent class, callbacks are excuted with the following scope

o.control || window

We should review that functionality to support the 'scope'

[Daniil]

Finally, we hope to get a scope option working in v3.x.
https://github.com/extnet/Ext.NET/issues/492

[jchau]

Finally, we hope to get a scope option working in v3.x.
https://github.com/extnet/Ext.NET/issues/492

Will v3.x be using ExtJS 5.x??

[Daniil]

Yes, it is based on ExtJS 5.

[Daniil]

Finally, we got it fixed for Ext.NET v3.0 beta, revision #6067. it should be released soon.

Now all handlers of a DirectEvent (Before, After, Success, Failure, Complete) and a DirectMethod (success, failure, complete) are being scoped using the "Scope"/"scope" setting if defined.