如何为 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"
    }]
}

我们假设第二个根名称是summary，第二个idProperty是summaryID。我该如何实现这一点以及在哪里添加摘要数据？ 谢谢大家。

Answer 1

没有你愿意做的自动魔法。我在这个项目上遇到了同样的问题，我发现了如何从 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.root1 和 MA.store.root2 其中 MA 是您的应用程序命名空间（您应该更改它无论您的应用程序命名空间是什么）。此代码适用于 extjs4，您可能需要一些修改才能使其在旧版本中工作。希望它有所帮助。