sencha-touch - 将 AJAX 响应数据添加到商店

Question

如果我的数据来自后端 AJAX 调用，如何将数据添加到 json 存储。

我的店铺如下。

Ext.define('MyApp.store.GeographyMasterStore', {    extend: 'Ext.data.Store',


requires: [
    'MyApp.model.GeographyMasterModel'
],


config: {
    model: 'MyApp.model.GeographyMasterModel',
    storeId: 'geographyMasterStore',
    proxy: {
        type: 'ajax',
        reader: {
            type: 'json'
        }
    }
}
});

我的模型如下：

Ext.define('MyApp.model.GeographyMasterModel', {
extend: 'Ext.data.Model',


config: {
    fields: [
        {
            name: 'Code'
        },
        {
            name: 'Description'
        },
        {
            name: 'Level_Code',
            mapping: 'Level Code'
        },
        {
            name: 'Name'
        }
    ]
}
});

如果我像这样添加数据

var geographyMasterStore = Ext.getStore('geographyMasterStore');
geographyMasterStore.add(<data from backend AJAX call>);

它没有向我显示映射字段，即 Level_Code

Answer 1

您需要创建一个模型：

var record = Ext.create('model.GeographyMasterModel', Ext.JSON.decode(response.responseText));

保存模型：

record.save()

重新加载商店：

geographyMasterStore.load()

Answer 2

通常我在向商店添加记录时是这样的：

Ext.create('App.model.MyModel', JSON.parse(response.responseText);

其中 response 是来自Ext.Ajax.request

希望这可以帮助