如何为 ExtJS 商店创建多个有根的 JSON？

Question

我想在服务器端创建一个带有 2 个根的 JSON 字符串。我正在使用 ExtJS 3.2。我想使用第一个根将数据加载到网格，第二个是用不同的数据填充表单。 我正在像这样在服务器端创建 JSON 字符串；

{
    metaData: {
        "idProperty": "reportID", 
        "root": "data", 
        "successProperty": "success"
    }, 
    "success": true, 
    "data": [
    {
        "ID": 1, 
        "name": "Jon", 
        "surname": "Doe"
    }]
}

假设第二个 root 名称是 summary，第二个 idProperty 是 summaryID。我该如何实现这一点，在哪里可以添加汇总数据？ 谢谢大家。

Answer 1

没有你愿意做的自动魔法。我在this project 上遇到了同样的问题，我想出了如何从 JSON 响应自动创建多个商店。在加载网格之前输入以下代码。在 extjs4 ，我将以下代码放在 app.js 中，以便在应用程序初始化时创建商店。商店将自动创建，具体取决于 JSON 返回的内容：

    Ext.Ajax
                    .request({
                        url : './account/getadminstores',
                        callback : function(options, success, response) {
                            var json = Ext.decode(response.responseText);
                            var adminStores = new Array();
                            // setup and intitialize on the fly stores
                            for ( var key1 in json) {
                                var storeFields = new Array();
                                for ( var key2 in json[key1]) {// if
                                    // (i==1){break;}
                                    // console.log(key2);
                                    for ( var key3 in json[key1][key2]) {
                                        storeFields.push(key3);
                                    }
                                    break;
                                }
                                ;
                                Ext.define('MA.store.' + key1, {
                                    extend : 'Ext.data.Store',
                                    fields : storeFields,
                                    storeId : key1,
                                    id : 'MA.store.' + key1,
                                    data : json[key1],
                                proxy: {
                                    type: 'ajax',
                                    url : './account/getadminstores',
                                    reader: {
                                        type: 'json',
                                        root: key1
                                    }
                                },
                                autoLoad: true
                                });
                                Ext.create('MA.store.' + key1);
                            }
                            ;

为您的案例创建的商店将是 MA.store.root1and MA.store.root2which MA 是您的应用程序名称空间（您应该将其更改为您的应用程序名称空间）。此代码适用于 extjs4，您可能需要进行一些修改它适用于旧版本。希望对您有所帮助。