zoukankan      html  css  js  c++  java
  • FLEX Array和ArrayCollection的区别

    当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 类本身就具备了确保数据同步的方法,例子:
     1 <?xml version="1.0" encoding="utf-8"?>
     2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
     3       <mx:Script>
     4           <![CDATA[
     5               import mx.collections.ArrayCollection;
     6               [Bindable]
     7               public var myArray:Array=["北京","上海","深圳"];
     8               [Bindable]
     9               public var myCollection:ArrayCollection=new ArrayCollection(myArray);
    10               public function addCountryToArray(country:String):void{
    11                   myArray.push(country);
    12               }
    13               public function addCountryToCollection(country:String):void{
    14                   myCollection.addItem(country);
    15               }
    16           ]]>
    17       </mx:Script>
    18       <mx:TextInput id="countryTextInput" text="广州"/>
    19       <mx:Label text="Bound to Array (Raw Object)"/>
    20       <mx:Button click="addCountryToArray(countryTextInput.text)" label="Add Country to Array"/>
    21       <mx:List dataProvider="{myArray}" width="200"/>
    22       <mx:Label text="Bound to Collection"/>
    23       <mx:Button click="addCountryToCollection(countryTextInput.text)" label="Add Country to Collection"/>
    24       <mx:List dataProvider="{myCollection}" width="200"/>
    25 </mx:Application> 


  • 相关阅读:
    Cocos2d-JS V3.10 一个小bug提示
    HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画
    喜大普奔!Fanvas正式对外开源了,一键把Flash转为Canvas动画!移动终端动画开发不再困难。
    #回馈老读者,晒书拿学习卡#
    【关于新版Cocos2dx/Cocos2d-JS】安装包和使用方式的变化
    好消息!Html5游戏和动画的福音
    nodejs搭配phantomjs highcharts后台生成图表
    【H5动画】谈谈canvas动画的闪烁问题
    【HTTP劫持和DNS劫持】实际JS对抗
    嵌入式开发之网络通信---分布式自组网mesh。OLSR,batman,babel,aodv
  • 原文地址:https://www.cnblogs.com/liulei/p/1739431.html
Copyright © 2011-2022 走看看