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

最新推荐文章于 2025-06-10 16:45:00 发布

forgetanything

最新推荐文章于 2025-06-10 16:45:00 发布

阅读量329

点赞数

分类专栏： EXTJS 文章标签：前端 ViewUI

EXTJS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍在ExtJS中如何正确地进行Store数据的深拷贝操作，以避免使用默认浅拷贝导致的数据丢失问题。通过具体实例展示了实现深拷贝的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

代码是这样的：

 
           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的动作：

 
              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
              ); 
             
              }