this.store.createはAjaxコールの中で起動しません

Question

私は単にローカルストレージを更新しようとしていますが、Ext.Ajax.requestの内部でthis.store.create（）を呼び出すことはできません。 Ajax呼び出しの成功領域内でthis.store.create関数を呼び出すにはどうすればよいですか。ご協力いただき誠にありがとうございます。 JavaScriptで

login: function(params) { 
    params.record.set(params.data); 
    var errors = params.record.validate(); 

    if (errors.isValid()) { 

     var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."}); 
     myMask.show(); 

     //now check if this login exists 
     Ext.Ajax.request({ 
      url: '../../ajax/login.php', 
      method: 'GET', 
      params: params.data, 
      form: 'loginForm', 
      success: function(response, opts) { 
       var obj = Ext.decode(response.responseText);  
       myMask.hide();  
       //success they exist show the page 
       if(obj.success == 1){ 
       //this doesn't work below 
            this.store.create(params.data); 
       this.index(); 
       }  
       else{ 
       Ext.Msg.alert('Incorrect Login'); 
       } 
      }, 
      failure: function(response, opts) { 
       alert('server-side failure with status code ' +  response.status); 
       myMask.hide(); 
      } 
     }); 
    } 
    else { 
     params.form.showErrors(errors); 
    } 
}, 

Answer 1

が、「この」キーワードは、中に。オブジェクトのメソッドで使用

、「これは」メソッドはすぐに属しているオブジェクトを参照して表示されるコンテキストとその意味を変えます。あなたの場合、Ext.Ajax.requestに渡した引数を参照します。

この問題を回避するには、内側のコンテキストで 'store'プロパティにアクセスするために、上位レベル 'this'の参照を保持する必要があります。具体的には次のようになります。

var me = this, 
    ....; 

Ext.Ajax.Request({ 
... 
success: function(response, opts) { 
       var obj = Ext.decode(response.responseText);  
       myMask.hide();  
       //success they exist show the page 
       if(obj.success == 1){ 
       me.store.create(params.data); 
       this.index(); 
       }  
       else{ 
       Ext.Msg.alert('Incorrect Login'); 
       } 
      }, 
});