ArrayCollection Array

当Array的数据发生变化的时候，用它作为数据源的控件不能感知这种变化。

例如：myArray.push(“new value”); 这时，如果一个List用它作为dataProvider，List的列表中不会增加新加入的这个值。

而当ArrayCollection的数据发生变化的时候，能够通知控件发生变化。

例如：myArrayCollection.addItem(“new item”); 这时，如果一个控件List用它作为dataProvider，List列表中会增加一列内容。

=================================================================

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

这两者差别在于如果用array在作为data provider绑定于control之上，就无法获得控件的更新，除非控件被重新绘制或者data provider被重新指定，而Collection则是将array的副本存储于Collection类的某个对象之中，其特点是Collection 类本身就具备了确保数据同步的方法

在Flex 4中的引入了一种新数据类型：ArrayList。它实现了IList接口，底层以Array作为数据源。本质上它是一种轻量级的ArrayCollection，可以作为数据源绑定到控件上。但与ArrayCollection不同的是源码天空，它不能筛选和过滤数据。注意，基于list的Spark控件是不能直接以Array作为数据提供者的，一定要实现IList接口。这也应该是引入ArrayList数据类型的原因之一

实例一：Array和ArrayCollection

 

 

<?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>

复制代码

 

实例二ArrayList使用：

 

 

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Declarations>

<s:ArrayList id="al">

<fx:Object type="Line" class="LineSeries"/>

<fx:Object type="Mountain" class="AreaSeries"/>

<fx:Object type="Candlestick" class="CandlestickSeries"/>

<fx:Object type="HLOC" class="HLOCSeries"/>

</s:ArrayList>

</fx:Declarations>

<s:DropDownList dataProvider="{al}"

labelField="type" selectedIndex="0"/>

</s:Application>