model-view-controller - Sencha touch - 使用 MVC 提交表单

Question

我的表单上有一个按钮，这一行是我尝试从表单创建记录并提交到服务器的地方：

var record = Ext.ModelManager.create(form, 'LoginModel');//'Login' wont work as well

我得到了例外

这是整个控制器：

Ext.define('TA.controller.LoginController', {
    extend: 'Ext.app.Controller',
    config: {
        models: [
            'LoginModel'
        ],
        stores: [
            'LoginStore'
        ],
        views: [
            'LoginPanel'
        ],

        refs: {
            LoginForm: '#loginform'
        },

        control: {
            "#Submit": {
                tap: 'onSubmitTap'
            }
        }
    },

    onSubmitTap: function(button, e, options) {
        var form = this.getLoginForm().getValues();
        console.log(form);
        var record = Ext.ModelManager.create(form, 'LoginModel');///////////the problem
        store.add(record);
        store.sync();
    }

});

这是模型：

Ext.define('TA.model.LoginModel', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            {
                name: 'UserName'
            },
            {
                name: 'Password'
            }
        ],
        proxy: {
            type: 'jsonp'
        }
    }
});

Answer 1

var record = Ext.create('TA.model.LoginModel', form);