Sencha Touch 2 - 如何获取表单值?
问题描述:
我有一个Sencha Touch 2 MVC应用程序,它有一个窗体作为视图。 我试图从控制器获取它的值没有成功。Sencha Touch 2 - 如何获取表单值?
这怎么办?我发布了这个视图/控制器代码。
查看:
Ext.define('MyApp.view.LoginForm', {
extend: 'Ext.form.Panel',
config: {
fullscreen: true,
items: [
{
xtype: 'fieldset',
title: 'Login',
id: 'loginform',
items: [
{
xtype: 'emailfield',
name: 'email',
label: 'Email'
},
{
xtype: 'passwordfield',
name: 'password',
label: 'Password'
}
]
},
{
xtype: 'button',
width: '50%',
text: 'Login',
ui: 'confirm',
id: 'btnSubmitLogin'
},
{
xtype: 'toolbar',
docked: 'top',
title: 'MyApp Mobile'
}
]
}
});
而且控制器:
Ext.define("MyApp.controller.LoginForm", {
extend: "Ext.app.Controller",
config: {
refs: {
btnSubmitLogin: "#btnSubmitLogin"
},
control: {
btnSubmitLogin: {
tap: "onSubmitLogin"
}
}
},
onSubmitLogin: function() {
console.log("onSubmitLogin");
var values = app.views.LoginForm.loginform.getValues();
TryLogin(values['email'], values['password']);
},
launch: function() {
this.callParent();
console.log("LoginForm launch");
},
init: function() {
this.callParent();
console.log("LoginForm init");
}
});
代码将上升到
console.log("onSubmitLogin");
,然后停止。
上启动我用这个:
var LoginForm = Ext.create("MyApp.view.LoginForm");
Ext.Viewport.add(LoginForm);
那么,怎样才能让我的价值观?
谢谢
答
好的。经过一些调整后找到答案。为了子孙后代 - 这里是解决方案:
我已将id:'loginform'
添加到LoginForm中,然后在'refs'部分的控制器中添加了loginForm: '#loginform'
。 然后,我可以用它作为:
var values = this.getLoginForm().getValues();
祝所有
答
试试这个
控制器:
Ext.define("mySIMS.controller.LoginForm", { extend : "Ext.app.Controller", config : { refs : { btnSubmitLogin : "#btnSubmitLogin", LoginForm : '#loginform' }, control : { btnSubmitLogin : { tap : "onSubmitLogin" } } }, onSubmitLogin : function() { console.log("onSubmitLogin"); var values = this.getLoginForm().getValues(); console.log(values); //var values = Oreilly.views.LoginForm.loginform.getValues(); }, launch : function() { this.callParent(); console.log("LoginForm launch"); }, init : function() { this.callParent(); console.log("LoginForm init"); } });
查看:
Ext.define('mySIMS.view.LoginForm', { extend : 'Ext.form.Panel', config : { id : 'loginform', fullscreen : true, items : [{ xtype : 'fieldset', title : 'Login', items : [{ xtype : 'emailfield', name : 'email', label : 'Email' }, { xtype : 'passwordfield', name : 'password', label : 'Password' }] }, { xtype : 'button', width : '8%', text : 'Login', ui : 'confirm', id : 'btnSubmitLogin' }, { xtype : 'toolbar', docked : 'top', title : 'Mobile' }] } });
希望这 帮帮我。
+0
请更详细地描述您的解决方案。请参阅:[如何回答](http://*.com/questions/how-to-answer) – askmish 2012-10-21 14:54:28
感谢您发布您的解决方案!它帮了我很大的忙。 – 2012-03-27 02:21:13