我正在尝试创建一个分组网格,并且我正在尝试将来自 4 个不同商店的数据合并到一个商店中。每个商店共享相同的字段。问题是,当所有内容都加载完毕后,只有一个商店将其数据加载到商店中。来自其他商店的其他记录位于主商店的“已删除”数组中。看起来他们被添加了,然后在添加其他人后被删除。但是没有意义的是,我将起始数据放入其中,并且一旦加载了所有内容,起始数据仍然存在,并且存储数据的那个仍然存在。它不会像其他人一样被删除。我尝试了 loadData、loadRecords 方法,并选择将数据附加到当前,但它产生了相同的结果。这是我正在做的事情:
initComponent: function(){
var aggregatedStore = new Ext.data.Store({
data: [{'IPAddr':123.123, 'HostName': 'Peter', 'FriendlyName':'Griffan','Enabled': 1}],
autoLoad: false,
fields: [{name:'IPAddr'}, {name:'HostName'}, {name:'FriendlyName'},{name:'Enabled'}]
});
var accessPointsStore = new Ext.data.Store({
model: 'App.model.Site.Bridge',
autoLoad: true,
listeners: {
load: function(store, records, successful){
console.log(records);
aggregatedStore.add(records);
}
}
});
var accessPointControllersStore = new Ext.data.Store({
model: 'App.model.Site.BridgeController',
autoLoad: true,
listeners: {
load: function(store, records, successful){
console.log(records);
aggregatedStore.add(records);
}
}
});
var switchesStore = new Ext.data.Store({
model: 'App.model.Site.Switch',
autoLoad: true,
listeners: {
load: function(store, records, successful){
console.log(records);
aggregatedStore.add(records);
}
}
});
var routersStore = new Ext.data.Store({
model: 'App.model.Site.Router',
autoLoad: true,
listeners: {
load: function(store, records, successful){
console.log(records);
aggregatedStore.add(records);
}
}
});
this.items = [{
xtype: 'devicesgrid',
store: aggregatedStore
}];
console.log(aggregatedStore);
this.callParent(arguments);
}
为什么这不起作用?