Sencha Touch MVC :: 尝试访问 Ext.extend(Ext.form.FormPanel,...) 的 getValues()

Question

我试图在我的 sencha touch 应用程序中达到我的表单的价值，该应用程序是我根据教程拼凑而成的。我希望它是一个 MVC 模式应用程序，所以我使用

app.views.Login = Ext.extend(Ext.form.FormPanel, formBase = {...})

并在里面初始化它

 app.views.Login.superclass.initComponent.apply(this, arguments);

，并使用像 sencha touch Phonegap MVC 教程中那样的视口（链接），我在其中应用登录页面，就像

Ext.apply(app.views, {loginPage: new app.views.Login()});

在我的应用程序中一样，当我单击表单的发送按钮时，我尝试捕获表单的字段

handler: function() {
    console.log('username ', app.views.Login.getValues().username);
    Ext.Ajax.request({
        url: app.views.Login.url,
        method: 'POST',
        params: {username: form.getValues().username, password : form.getValues().password},
        failure : function(response){
                    console.log('Login Error! ' + response.responseText);
                },
        success: function(response, opts) {
                    console.log('Login success! response: ' + response.responseText);
                  }
    });
}

，但总是收到错误消息

未捕获类型错误：无法调用方法 未定义的“getValues””

当我使用时，

console.log('username ', this.getValues().username);

那么我怎样才能达到表单值？

thnx！！！

Answer 1

查看 Sencha Touch API 文档，我不知道查看方法 getForm()，但 getValues() 应该可以从按钮 handler 函数中访问，如下所示：

app.views.loginPage.getValues();