Question

Dear All,
I’m using dojo.declare to create classes in JavaScript. In one of the methods, I’ve an AJAX request. In the load method of that request, I need to execute certain methods.These methods are actually methods of the class that was created using dojo.declare. I tried to execute the method using this. But it gave me method not found error. So I used dojo.hitch(this,testMethod) to invoke it. It worked fine. Now the problem is I’ve lot of other methods also inside testMethod() which internally calls other methods of my JavaScript class. It is really a pain to have dojo.hitch() everywhere. Is there any work around for this.

    dojo.declare("TestClass",null,{

    getData:function(url){
    dojo.xhrGet({
      url:url,
      load: function (response){
        dojo.hitch(scope of the current object,testMethod(response))    
      },
      error:function(){

      }
    });
    },
    testMethod:function(response){
    //calls testMethod2. I think I can use dojo.hitch(this,testMethod3) to call it.
    //but I wanted to avoid doing it every time.
    },
    testMethod2:function(){
    //calls testMethod3
    },
    testMethod3:function(){
    //can call other methods.
    }
    });

Answer 1

It seems like that execution scope was lost in this code:

load: function (response){
        dojo.hitch(this,testMethod(response))   
      },

I made small changes in your code. Now it should work properly.

dojo.declare("TestClass",null,{

        getData:function(url){
        dojo.xhrGet({
          url:url,
          load: dojo.hitch(this,this.testMethod),
          error:function(){

          }
        });
        },
        testMethod:function(response){
           this.testMethod2();
        },
        testMethod2:function(){
           this.testMethod3();
        },
        testMethod3:function(){
        //can call other methods.
        }
        });