ExtJS 5.1:使用MVVM存储设置默认的ComboBox值

时间:2015-04-29 18:55:55

标签: extjs combobox extjs5

在我的ViewModel中,我为在View中绑定的ComboBox创建了一个内联数据存储。我遇到的问题是根据商店中的一个值设置ComboBox的默认值...我可能在这里理解绑定,所以我想听到任何反馈。< / p>

OrderDetailsS​​tatus模型:

Ext.define('UserUI.model.OrderDetailsStatus', {
    extend: 'Ext.data.Model',
    alias: 'model.OrderDetailsStatus',

    fields: [{
        type: 'int',
        name: 'statusId'
    },
    {
        type: 'string',
        name: 'status'
    }]
});

视图模型:

stores: {
        /* TODO: This could eventually become an AJAX call, but for right now,
         * it's an inline data store... the statusId's are currently unused */
        orderDetailsStatusStore: {
            model: 'UserUI.model.OrderDetailsStatus',
            proxy: {
                type: 'memory'
            },
            data: [
                { status: 'All', statusId: 1 },
                { status: 'Correct', statusId: 2 },
                { status: 'Incorrect', statusId: 3 }
            ]
        }
    }

在视图中:

{
                xtype: 'combo',
                fieldLabel: 'Status',
                bind: {
                    store: '{orderDetailsStatusStore}'
                },
                valueField: 'status',
                displayField: 'status',
                queryMode: 'local',
                value: 'All',
                listeners: {
                    select: 'onSelectComboBoxStatus'
                }
            }

使用价值:&#39;全部&#39;给我一个关于不存在的模型的错误:

TypeError: Model is not a constructor: ext-all...ebug.js (line 122343, col 33)
    record = new Model(dataObj);

我假设这是因为绑定的商店还没有完全加载?如果我调试代码,在该行,Model未定义,并且商店没有任何数据。任何帮助将不胜感激。

0 个答案:

没有答案