Array 和 ArrayCollection 区别

最新推荐文章于 2019-03-22 17:45:34 发布

blacksource

最新推荐文章于 2019-03-22 17:45:34 发布

阅读量839

点赞数

分类专栏： Flex &amp; AS3 文章标签： application button function training string encoding

Flex & AS3 专栏收录该内容

33 篇文章

订阅专栏

本文探讨了Flex中ArrayCollection与Array作为数据提供者的不同之处。ArrayCollection提供了更强大的功能，如检索、过滤、排序等，并能确保数据与控件的实时同步更新。文章通过示例代码展示了如何使用ArrayCollection进行数据绑定。

ArrayCollection 实现接口 ICollectionView，在 Flex 的类定义内属于[数据集]，他提供更强大的检索、过滤、排序、分类、更新监控等功能。FDK2提供的类似的类还有 XMLListCollection

这两者差别在于如果用 array 在作为 data provider 绑定于 control 之上，就无法获得控件的更新，除非控件被重新绘制或者 data provider 被重新指定，而 Collection 则是将 array 的副本存储于 Collection 类的某个对象之中，其特点是 Collection 类本身就具备了确保数据同步的方法，例子如下（取自 adobe 内部工程师 training 示例，稍有改变）

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
      <mx:Script>
          <![CDATA[
              import mx.collections.ArrayCollection;
              [Bindable]
              public var myArray:Array=["北京","上海","深圳"];
              [Bindable]
              public var myCollection:ArrayCollection=new ArrayCollection(myArray);
              public function addCountryToArray(country:String):void{
                  myArray.push(country);
              }
              public function addCountryToCollection(country:String):void{
                  myCollection.addItem(country);
              }
          ]]>
      </mx:Script>
      <mx:TextInput id="countryTextInput" text="广州"/>
      <mx:Label text="Bound to Array (Raw Object)"/>
      <mx:Button click="addCountryToArray(countryTextInput.text)" label="Add Country to Array"/>
      <mx:List dataProvider="{myArray}" width="200"/>
      <mx:Label text="Bound to Collection"/>
      <mx:Button click="addCountryToCollection(countryTextInput.text)" label="Add Country to Collection"/>
      <mx:List dataProvider="{myCollection}" width="200"/>
</mx:Application>