ExtJS 4.1：如何将本地数据与 ajax 加载的数据合并到单个存储中？

我正在寻找一种将本地数据与 ajax 加载的数据组合到单个存储中的方法。我很难用英语解释这一点，我希望这段代码能更明确：

var store = Ext.create('Ext.data.Store', {
    autoLoad: true,
    fields: ['id', 'name'],
    proxy: { type: 'ajax', api: { read: '/read' }  },
    data: [{ id: 1, name: 'John' }]
});

“/read”返回的 Json ：[{ id: 2, name: 'Jack' }].

期望的行为：store.count() // 2

您可以使用.load({addRecords: true}将加载的记录添加到现有记录中。

当然如果你加载again与addRecords: true启用选项后，它将再次将记录添加到现有记录中，从而导致：

[{ id: 1, name: 'John' },{ id: 2, name: 'Jack' },{ id: 2, name: 'Jack' }]

您可以实现一个加载前处理程序，将存储重置为原始数据，然后再次加载（如果您想要）[{ id: 1, name: 'John' },{ id: 2, name: 'Jack' }]每次你再次加载时。