Sencha Touch:输入提交表单的键
Sencha Touch: Enter key to submit form
我有一个Sencha Touch代码库,我希望能够使用"Enter"键将初始登录提交到应用程序,而不必单击桌面上的按钮。这是我的Login
视图:
Ext.define('App.view.Login', {
extend: 'Ext.form.Panel',
alias: 'widget.login',
requires:[
'Ext.form.FieldSet',
'Ext.field.Email',
'Ext.field.Password'
],
config: {
items: [
{
xtype: 'toolbar',
docked: 'top',
title: 'App'
},
{
xtype: 'fieldset',
margin: '.5em .5em 1.5em',
title: 'Login',
items: [
{
xtype: 'emailfield',
name: 'email',
placeHolder: 'email@example.com',
required: true
},
{
xtype: 'passwordfield',
name: 'password',
placeHolder: 'password',
required: true,
}
]
},
{
xtype: 'container',
layout: {
type: 'vbox'
},
margin: '10px',
items:[
{
xtype: 'button',
margin: '10px',
itemId: 'login',
text: 'Login'
}
]
}
]
}
});
这是我的Login
控制器:
Ext.define("App.controller.Login", {
extend: "Ext.app.Controller",
config: {
views: ["Login", "user.Home"],
stores: ["LoginInstance"],
refs: {
password: 'passwordfield[name="password"]',
login: {
autoCreate: true,
selector: "login",
xtype: "login"
}
},
control: {
password: {
keyup: function(field, e) {
if(e.event.keyCode === 13) {
console.log('Do login');
this.onLoginTap();
}
}
},
"login #login": {
tap: "onLoginTap"
},
// ...
}
},
onLoginTap: function() { ... } // do the login
然而,这似乎没有任何作用(也就是说,控制台中甚至没有出现console.log
!)。有人对我可能做错了什么有什么建议吗?
您的代码中似乎存在多个问题。
-
control
不针对您的密码字段。关键字password
引用具有x类型password
的组件。引用它的正确方式是passwordfield
(如果您从来没有超过一个)或'passwordfield[name="password"]'
。 -
CCD_ 9的目的是创建一种类似于CCD_。此外,您定义它的方式也是无效的。它一定像
refs: [{ref: 'password', selector: 'passwordfield[name="password"]'
-
不能在
config
属性中嵌套配置。extend: "Ext.app.Controller", config: { views:
应为extend: "Ext.app.Controller", views:
我不认为这是详尽的。肯定还有更多的问题。
请阅读文档,不要试图通过试错进行编码。这不是一个好的编程实践。
相关文章:
- HTML表单提交时未执行外部函数
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将图像上传ajax与表单提交ajax相结合
- Javascript无法处理表单提交
- 如何在我的情况下禁用表单提交
- 加载后的页面与ajax表单提交不起作用
- angularjs-控制器在表单提交时未调用
- 禁用带有字符白名单的表单提交
- 如何使用Google Analytics跟踪表单提交
- 使用javascript将表单提交到iframe目标中
- e.preventDefault在表单提交时被忽略
- AngularJS JQuery Ajax表单提交等效
- JavaScript表单提交帮助
- PHP表单提交和重定向
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- setTimeOut AFTER jQuery表单提交
- 从函数中选择要触发表单提交的正确元素
- JavaScript表单提交没有't fire asp服务器端点击功能的提交按钮
- 表单提交问题,如何在我的URL末尾获得ID的值
- Javascript使用Confirm取消表单提交