Question

我有两个使用完全相同数据的Sencha / ExtJS4网格（即相同的store.proxy.url），但每个网格使用不同的过滤器，因此每个网格都有自己独立的存储。问题是我正在进行不必要的AJAX调用以检索要使用的额外副本。

为了进行独立过滤，建议使用单个AJAX调用然后在两个商店之间共享数据的方法是什么？

潜在的解决方案：

创建两个扩展同一商店的类？
使用相同的代理实例？
检索一个商店然后克隆它？

Answer 1

Ext JS 4框架似乎是为了使每个视图都拥有自己的商店而构建的。如其他答案中所述，您最好的选择是创建第二个商店并将所有记录从一个记录复制到另一个记录。

function cloneStore(src, dest) {
    var recs = src.getRange(); // returns array of records
    dest.loadRecords(recs);  // removes existing records before batch add
}

该功能的确切实施可能会有所不同，具体取决于您需要如何分散数据。如果每个网格只需要开始的数据子集，您可以从Ajax调用初始化主存储，然后直接在store.data MixedCollection上使用过滤器创建两个子存储。

// Note: This function isn't exactly "good practice"
// Actual implementation may vary
function populateSubStores(master, storeA, storeB) {
    var dataA = master.data.filter(/* filter criteria for store A */),
        dataB = master.data.filter(/* filter criteria for store B */);
    // dataA and dataB are MixedCollections of records
    storeA.loadRecords(dataA.getRange());
    storeB.loadRecords(dataB.getRange());
}

或其一些变化。这应该足以让你开始朝着正确的方向前进。

如果您真的很高兴，可以创建一种新类型的商店，维护单独的MixedCollections表示来自不同视图的过滤器状态，然后将每个过滤器状态作为具有相同接口的商店返回Ext.data.Store但是具有在“主”商店的内部表示上操作的实现，以便现有视图可以在不覆盖的情况下运行。但我不推荐它。

Answer 2

您可以创建一个商店的两个实例，然后使用getRange()和add()方法将数据从一个商店复制到另一个商店。创建两个类似乎不合理。

如何在两个商店之间共享一个AJAX通话？

2 个答案: