檢索sencha touch 2 fieldsetss值

Question

我是sencha touch框架中的新成員。我試圖首先創建用戶登錄。我想從表單中獲取用戶名和密碼併發送到api進行身份驗證。但我甚至無法獲得字段值。我的LoginForm視圖如下所示：

Ext.define('NCAPP.view.tablet.LoginForm', { 
extend: 'Ext.form.Panel', 
xtype:'loginForm', 
id:'loginForm', 
config: { 
    items: [ 
     { 
      xtype: 'image', 
      src:'resources/img/netcenter_logo.png', 
      height: 100 
     }, 
     { 
      xtype: 'fieldset', 
      title: 'NCAPP LOGIN:', 
      items: [ 

       { 
        xtype: 'textfield', 
        id:'fldUsername', 
        name:'username', 
        placeHolder: 'Username' 
       }, 
       { 
        xtype: 'textfield', 
        id:'fldPassword', 
        name:'passowrd', 
        placeHolder: 'Password' 
       } 

      ] 
     }, 
     { 
      xtype: 'button', 
      id: 'btnLogin', 
      text: 'Login' 
     } 
    ] 
} 

}）;

和我的登錄控制器：

Ext.define('NCAPP.controller.tablet.LoginController', { 
extend: 'Ext.app.Controller',  
config: { 
    refs: { 
     loginForm:'#loginForm' 
    }, 
    control: { 
     '#btnLogin':{ 
      tap:'onLoginButtonTap' 
     }    
    } 
}, 
onLoginButtonTap:function(){ 

    var values=this.getLoginForm().getValues(); 
    console.log(values.username); // want to see this output 

    Ext.ModelMgr.getModel('NCAPP.model.User').load(1,{ 
     success: function(user){ 

      //to do 

     }, 
     failure: function(user){ 
      console.log("failed"); 
     } 
    });  
}, 
init:function(application){ 

}  

}）;

我沒有成功獲取用戶名字段的值。所顯示的錯誤是：

Uncaught TypeError: Object function() { 
       return this.constructor.apply(this, arguments); 
      } has no method 'LoginForm' 

或有時這樣的錯誤：

Uncaught TypeError: Cannot call method 'getValues' of undefined 

任何人可以幫助我，請....謝謝

Answer 1

看起來你已經忘記了()在結束this.getLoginForm在你的回調中。嘗試切換到

success: function(user){ 
    var values=this.getLoginForm().getValues(); 
           //^^------these ones 
    console.log(values.username); // want to see this output 
}