试图到达Ext.extend(Ext.form.FormPanel，…)的getValues()

Question

我试图在我的sencha触摸应用程序中达到我的表单值，这是我从教程的拼凑中构建出来的。我希望它是一个MVC模式的应用程序，所以我使用

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

里面用

初始化

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

和一个viewport，就像在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);
                  }
    });
}

但我总是得到一个错误，说

Uncaught TypeError: Cannot call method'getValues'的未定义"

使用

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

那么我怎么才能到达表单值呢?

非常感谢! !

Answer 1

查看Sencha Touch API文档，我没有看到getForm()方法，但getValues()应该可以像这样从按钮handler函数中访问:

app.views.loginPage.getValues();