this.store.create ne se déclenchera pas dans l'appel ajax

Question

J'essaie simplement de mettre à jour le stockage local, mais dans la demande Ext.Ajax je ne peux pas appeler this.store.create(). Comment puis-je appeler la fonction this.store.create à l'intérieur de la zone succès: de l'appel Ajax. Merci beaucoup pour votre aide.

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

En Javascript, « ce » mot-clé change de sens avec le contexte, il apparaît.

Lorsqu'il est utilisé dans une méthode d'un objet, « ceci » fait référence à l'objet de la méthode appartiennent immédiatement. Dans votre cas, il se réfère à l'argument que vous avez passé à Ext.Ajax.request. Pour contourner ce problème, vous devez conserver une référence du niveau supérieur 'this' afin d'accéder à sa propriété 'store' dans un contexte interne. Plus précisément, il ressemble à ceci:

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'); 
       } 
      }, 
});