论坛首页 Web前端技术论坛

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

浏览 984 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2014-09-10  

前端时间开发的时候,需要将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是浅拷贝

Creates a shallow copy of this collection

Available since: 4.0.0

Returns

所以要达到我们的需求,必须自己来实现一个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);
}

  

 

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics