ExtJs4如何在创建时将模型分配给商店?

时间:2013-03-19 15:23:00

标签: extjs model extjs4

我正在定义一个商店,我想在创建时为它动态分配一个模型。因此,如果我创建我的DropDownStore并且我没有传递模型配置,则需要依赖默认模型(DropDownModel)。

以下是我的DropDownModel + DropDownStore

Ext.define('DropDownModel', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'Id', type: 'int' },
        { name: 'Name', type: 'string' }
    ]
});
Ext.define('DropDownStore', {
    extend: Ext.data.Store,
    proxy: {
        type: 'ajax',
        actionMethods: { read: 'POST' },
        reader: {
            type: 'json',
            root: 'data'
        }
    },
    constructor: function(config) {
        var me = this;

        if (config.listUrl) {
            me.proxy.url = config.listUrl;
        }

        me.model = (config.model) ? config.model : 'DropDownModel'; //This line creates some weird behaviour

        me.callParent();

        //If the URL is present, load() the store.
        if (me.proxy.url) {
            me.load();
        }
    }
});

这是DropDownStore创建的动态模型:

Ext.define('RelationModel', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'Id', type: 'int' },
        { name: 'RelationName', type: 'string' },
        { name: 'RelationOppositeName', type: 'string' }
    ]
});

...//a random combobox
store: Ext.create('DropDownStore', {
    listUrl: 'someprivateurl',
    model: 'RelationModel'
})
...

当我将constructor方法中的行编辑为
me.model = (config.model) ? config.model : undefined
它的工作方式与动态模型的预期相同,但不再适用于默认模型。

如果我让它成为 me.model = (config.model) ? config.model : 'DropDownModel';
它适用于默认模型,而不适用于动态模型。

如何在创建时将模型分配给商店?

1 个答案:

答案 0 :(得分:1)

constructor: function(config) {
    var me = this;

    if (config.listUrl) {
        me.proxy.url = config.listUrl;
    }
    me.callParent();

    if (config.extraFields) {
        me.model.setFields(config.extraFields);
    }

    //If the URL is present, load() the store.
    if (me.proxy.url) {
        me.load();
    }
}

store: Ext.create('DropDownStore', {
    listUrl: 'someprivateurl',
    extraFields: [
        { name: 'Id', type: 'int' },
        { name: 'RelationName', type: 'string' },
        { name: 'RelationOppositeName', type: 'string' }
    ]
}),