建筑LOGIN不是一个函数

Question

我尝试创建一个使用PHP与ExtJS的登录，但我坚持了这个问题...

TypeError: this.getView is not a function 


this.getView().destroy(); 

这里是我的代码....

我不知道为什么它可能是错误，我只是尝试按照煎茶文档

buttons: [{ 
      text: 'Login', 
      formBind: true, 

     listeners: { 
      click: function() { 
             var form = Ext.getCmp('login').getForm(); 

             if(form.isValid()) { 
               form.submit({ 
                 url : 'data/login.php', 
                 method : 'POST',              

                  success:function(){ 
                  this.getView().destroy(); 
                  Ext.widget('app-main'); 
                   }, 
                  failure: function() { 
                     obj = Ext.util.JSON.decode(response.responseText); 
                     Ext.Msg.alert('Login Failed!', obj.errors); 
                  } 
               }); 
             } 
           }    
     } 
     }] 

Answer 1

您是否尝试过console.log(this)教程？我猜不是...

this总是依赖于上下文。这里的上下文不是视图，但是，如果我没有弄错，Ext.Ajax.request，其中的success函数试图破坏视图。

这就是为什么我在我的代码使用该避免无论它是不是完全明显甚至是外行的读者，我这方面的

编辑：由于代码看起来不好的评论，我在这里添加它。 答案按原来的分机来源是

click: function() { 
    var me = this; 
    var form = Ext.getCmp('login').getForm(); 

    if(form.isValid()) { 
     form.submit({ 
      url : 'data/login.php', 
      method : 'POST', 

      success:function(){ 
       me.getView().destroy(); 
       Ext.widget('app-main'); 
      }, 
      failure: function() { 
       obj = Ext.util.JSON.decode(response.responseText); 
       Ext.Msg.alert('Login Failed!', obj.errors); 
      } 
     }); 
    } 
} 

而我个人会用

click: function(btn) { 
    var form = Ext.getCmp('login').getForm(); 

    if(form.isValid()) { 
     form.submit({ 
      url : 'data/login.php', 
      method : 'POST', 

      success:function(){ 
       btn.up('window').hide(); 
       Ext.widget('app-main'); 
      }, 
      failure: function() { 
       obj = Ext.util.JSON.decode(response.responseText); 
       Ext.Msg.alert('Login Failed!', obj.errors); 
      } 
     }); 
    } 
}