Ext.data.Store 中 data 的克隆原理

前端时间开发的时候，需要将Ext.data.Store中的data先储存到一个变量中，然后将把这个store的data清空，最后再把变量中的data load到store中。

代码是这样的：

1 2 3 4 5

var tempData = this.store.data.clone(); /* Something else */ this.store.loadData([]); /* Something else */ this.store.loadData(tempData);

这个时候你会发现，当执行到最后一行的时候，其实tempData的size已经是0，为什么？

大家肯定会想到深拷贝和浅拷贝的区别，答案就在于data (Ext.util.MixedCollection)的clone是浅拷贝

clone( ) : Ext.util.MixedCollection

Creates a shallow copy of this collection

Available since: 4.0.0

Returns

• Ext.util.MixedCollection

所以要达到我们的需求，必须自己来实现一个deepCopy的动作：

1 2 3 4 5 6 7 8 9 10 11

var tempData = this.store.data; var r = new Ext.util.MixedCollection(); var keys = tempData.keys; var items = tempData.items; for(var i = 0, len = items.length; i < len; i++){     r.add(keys[i], items[i].copy()); } this.store.loadData([]); for (var i = 0, len = r.items.length; i < len; i++) {     this.store.loadData([r.items[i].data], true); }