如何在sencha touch中使用输入键提交登录表单

Question

我正在使用Sencha Touch。我想用我的键盘上的ENTER键登录。可以请任何人知道答案，请帮助。

这是我的代码。

Ext.define('App.form.LoginForm', { 
    extend: 'Ext.form.Panel', 
    xtype: 'loginform', 
    id: 'loginform', 
    config: { 
     items: [{ 
      html: '<br><div style="text-align:center;"><i class="fa fa-lock fa-5x icon-fill"></div>' 
     },{ 
      xtype: 'fieldset', 
      items: [{ 
       xtype: 'textfield', 
       id: 'username_fld', 
       name: 'username_fld', 
       required: true 
      }, { 
       xtype: 'passwordfield', 
       id: 'password_fld', 
       name: 'password_fld', 
       placeHolder: 'Password', 
       required: true 
      }] 
     }, { 
      xtype: 'button', 
      name: 'login_btn', 
      itemId: 'logInButton', 
      text: 'Log In', 
      cls: 'x-form-fieldset' 
     }] 
    } 
}); 

Answer 1

  { 
      xtype: 'passwordfield', 
      id: 'password_fld', 
      name: 'password_fld', 
      placeHolder: 'Password', 
      required: true, 
      listeners: { 
       painted: function (field, e) { 
        document.addEventListener("keydown", myFunction, false); 
       } 
      }    
      } 





function myFunction(evt) { 
    var charCode = (evt.which) ? evt.which : event.keyCode; 
    if (charCode == 13) { // charcode 13 for "entry" keyboard 
     evt.preventDefault(); 
     var myApp = me.getApplication().getController('App'); 
     myApp.login() 
    } 
} 

Answer 2

使用keyup事件passwordfield的，像这样的： -

refs: { 
    password: 'passwordfield[name="password_fld"]' 
}, 
control: { 
    password : { 
       keyup: function(field, e){ 
        if(e.event.keyCode === 13) { 
         console.log('Do login'); 
         // Your login code goes here 
        } 
       } 
      } 
}