如何根据 get 请求创建多个 JSON 存储？

Question

假设我在客户端使用 extjs4 构建了这个 Web 应用程序，在服务器端使用 Zend 框架操作控制器。我在服务器端有一组数组，它​​们可以作为 JSON 输出到客户端。当我只想创建一个存储时，通常的方式是这样工作的：

    Ext.define('MA.store.AdminResources', {
extend : 'Ext.data.Store',
fields : [ {
    name : 'id'
}, {
    name : 'name'
} ],
autoLoad : true,
proxy : {
    type : 'ajax',
    url : './account/adminresources',
    reader : {
        type : 'json'
        //,root : 'users'
    }
}

});

如果我想从单个 http 创建多个 JSON 存储怎么办向服务器请求？ 该服务器不会接收每个商店的远程代理请求，并且将为所有商店完成一个请求。 以下是服务器返回的 JSON 的示例：

{
"adminsettings"{"userid":3333,"primaryemail":"[email protected]","firstname":"","middlename":null}
,"countries":{"AD":"Andorra","AE":"UnitedArabEmirates","AF":"Afghanistan"...}
,"languages":{"aa":"Afar","ab":"Abkhazian","ace":"Achinese","ach":"Acoli"...
}}

How can JSON stores for adminsettings,countries, languages be create with just one http request to the server? 也许我需要定义 1 个代理和 3 个读取器？！

Answer 1

正如您在文档中看到的，您可以定义不带代理的存储：

Ext.create('Ext.data.Store', {
    model: 'User',
    data : [
        {firstName: 'Ed',    lastName: 'Spencer'},
        {firstName: 'Tommy', lastName: 'Maintz'},
        {firstName: 'Aaron', lastName: 'Conran'},
        {firstName: 'Jamie', lastName: 'Avins'}
    ]
});

然后很容易发出 ajax 请求和 onSuccess 手动加载数据：

如下所示：

adminSettings = Ext.create('Ext.data.Store', {model: AdminSettings});
countries = Ext.create('Ext.data.Store', {model: Country});

Ext.ajax.request({
    url: './account/adminresources',
    success: function(response) {
        var json = Ext.decode(response.responseText);
        adminsettings.loadData(json.adminsettings);
        countries.loadData(json.countries);
        //...
    } 
});

Answer 2

在阅读 extjs 学习中心网格常见问题解答时，我找到了确切的问题和我的问题的答案。以下是问题和答案：

使用一个 AJAX 请求加载多个商店？

还有一个使用 XML 的示例 此处

将数据从作为单个 http 请求的一部分返回的单个 json 字符串显示到多个数据存储。

选项 1：（查看此帖子）

//create a JSON object:
{
dataStore1: /*1st json string */,
dataStore2: /*2nd json string */
}
//decode the json packet...
var json = Ext.decode(response.responseText);
//load the stores:
store1.loadData(json.dataStore1);
store2.loadData(json.dataStore2);

选项 2：

 //create a JSON object:
 {
 dataStore1: /*1st json string */,
 dataStore2: /*2nd json string */
 }
 //decode the json packet...
 var json = Ext.decode(response.responseText);
 //create new proxy data for stores as hendricd mentioned:
 store1.proxy.data = json.dataStore1;
 store2.proxy.data = json.dataStore2;
 //load stores
 store1.load();
 store2.load();

 //where stores' proxy has to be defined like this:
 proxy: new Ext.ux.data.BufferedPagingMemoryProxy([])
 //I guess this can be used in case someone is using PMP (paging memory proxy)