javascript - ExtJS:来自一个 AJAX 调用的多个 JsonStores？

Question

我有一个基于 ExtJS 的应用程序。编辑对象时，会出现一个带有多个选项卡的 ExtJS 窗口。其中三个选项卡具有 Ext GridPanel，每个显示不同类型的数据。目前，每个 GridPanel 都有自己的 JsonStore，这意味着对服务器总共有 4 个 AJAX 请求——一个用于创建窗口的 javascript，另一个用于每个 JsonStores。有什么办法可以从一个 AJAX 调用中读取所有三个 JsonStores 吗？我可以轻松组合所有 JSON 数据，每个数据目前都有不同的 root 属性。

编辑:这是 Ext 2.2，不是 Ext 3。

Answer 1

当商店的 load 事件被触发时，从 JSON 响应创建的 javascript 对象在 yourStore.reader.jsonData 中可用。例如:

yourStore.on('load', function(firstStore) {
   var data = firstStore.reader.jsonData;
   otherStore.loadData(data);
   thirdStore.loadData(data);
}

编辑:需要澄清的是，每个商店都需要一个单独的 root 属性(您已经在做)，这样他们每个人都能获得预期的数据。

{
   "firstRoot": [...],
   "secondRoot": [...],
   "thirdRoot": [...]
}