extjs4 – 如何在两个商店之间共享一个AJAX调用？

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

建议的方法是进行单个AJAX调用然后在两个商店之间共享数据,以进行独立过滤？

潜在解决方案

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

解决方法

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但是具有实现对“主”商店的内部表示进行操作,以便现有视图可以在不覆盖的情况下运行.但我不推荐它.