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);