xiangpei01
Flash/Flex构架师 / 广东
积分 146

Flex ArrayCollection详解


2010-07-07 点击:


集合是Actionscript 中功能强大的基于索引的数组组件,添加了如对内容进行排序等功能,操作数组的读取位置,创建经过排序的数组视图。集合也能通知其任意事件监听器监听其数据是否改变,以及任何数据项被添加到源数组时可执行自定义逻辑。当数据改变时可通知其监听器,这是集合的新功能,叫数据绑定,还有就是允许DataGrid 和List 组件对其内容进行排序和过滤。集合是使用数据驱动控件以及从数据库返回的服务器端服务的重要内容。
经常被使用的两个集合类型是ArrayCollection 类XMLListCollection 类。ArrayCollection 是Array 的包装类,提供更方便的如添加和移除数据项以及能够创建游标启用要轻松地存储数组中的最后读取的位置等方法。而XMLListCollection 是XML 对象的包装类,提供的功能有:根据索引访问数据,添加新对象以及游标等方法。XMLListCollection 对于处理XML 对象以及经常需要解析XML 为数组时特别有用。
使用addItemAt 或addItem 方法插入对象到ArrayCollection ,getItemIndex 或contains 方法用于检测数据项是否已存在于数组中,而ArrayCollection 的sort属性是对ArrayCollection 排序以及通过某个字段决定接收第一个或最后一个数据。

  1.  <mx:script>   
  2.     <![CDATA[   
  3.     import mx.collections.SortField;   
  4.     import mx.collections.Sort;   
  5.     import mx.collections.ArrayCollection;   
  6.     private var coll:ArrayCollection;   
  7.     private function init():void {   
  8.     coll = new ArrayCollection(   
  9.     [{name:"Martin Foo", age:25},   
  10.  {name:"Joe Bar", age:15},   
  11.  {name:"John Baz", age:23}]);   
  12.  }   
  13.  要插入元素到指定位置,可使用addItemAt 方法:   
  14.  private function addItem():void {   
  15.  coll.addItemAt({name:"James Fez", age:40}, 0);   
  16.  }   
  17.  ]]>   
  18.  </mx:script> 

Sort 对象提供findItem 方法用于搜索这个ArrayCollection 中的所有元素。方法原型如下:
public function findItem(items:Array, values:Object, mode:String,
returnInsertionIndex:Boolean = false, compareFunction:Function = null):int
Value 参数可以是包含属性和所需值的任何对象。Mode 字符串可以是
Sort.ANY_INDEX_MODE,表示返回任何匹配项索引,Sort.FIRST_INDEX_MODE 表示返
回第一个匹配项索引, Sort.LAST_INDEX_MODE 表示返回最后一个匹配项索引。
returnInsertionIndex 参数表示如果该方法找不到由values 参数标识的项目,并且此参数为
true,则findItem() 方法将返回这些值的插入点,也就是排序顺序中应插入此项目的。
compareFunction 设置用于查找该项目的比较运算符函数.
使用Sort 对象的findItem 方法代替上面的方法:
  

  1.  private function checkExistence():int {   
  2.     var sort:Sort = new Sort();   
  3.     return sort.findItem(coll.source,   
  4.     {name:nameTI.text, age:Number(ageTI.text)},   
  5.     Sort.ANY_INDEX_MODE);   
  6.     }   

首先要创建一个Sort,传递一个SortField 对象数组给fields 属性。这些SortField 对象包含
的字符串正是每个ArrayCollection 元素将要用来排序的属性。如要对每个对象的age 属性进
行排序,创建Sort 对象,传递SortField,设置排序字段为age:
 

  1.  private function getOldest_r():void {   
  2.   var sort:Sort = new Sort();   
  3.   sort.fields = [new SortField("age", false)];   
  4.   coll.sort = sort;   
  5.   coll.refresh();   
  6.   trace(coll. getItemAt_r(0).age+" "+coll. getItemAt_r(0).name);   
  7.   }   

过滤ArrayCollection

对ArrayCollection 数据进行过滤,设置过滤器移除些不匹配的结果。

将原型为function(item:Object):Boolean 的函数传递给ArrayCollection 的filter 属性。如果返回true 表示值继续留在ArrayCollection,返回false 表示其值被移除。

filterFunction 属性是由ListCollectionView 类定义,它是ArrayCollection 的父类。当过滤器函数被传递给继承自ListCollectionView 的任何子类后,这里为ArrayCollection 对象,应用过滤器后必须调用refresh 方法:
  

  1.  import mx.collections.ArrayCollection;   
  2.     private var coll:ArrayCollection;   
  3.     private function init():void {   
  4.     coll = new ArrayCollection([   
  5.     {name:"Martin Foo", age:25},   
  6.     {name:"Joe Bar", age:15},   
  7.     {name:"John Baz", age:23},   
  8.     {name:"Matt Baz", age:21}]);   
  9.     coll.filterFunction = filterFunc;   
  10.  coll.refresh();   
  11.  for(var i:int = 0; i<coll.length; i++) {   
  12.  trace(coll. getItemAt_r(i).name);   
  13.  }   
  14.  }   
  15.  private function filterFunc(value:Object):Object {   
  16.  if(Number(value.age) > 21) {   
  17.  return true;   
  18.  }rreturn false;   
  19.  } 

 


    xiangpei01  版权所有
    禁止任何用途(禁止转载、商用和个人使用)


所属分类:技术经验分享

本文标签:

各位正在潜水的同学请注意,有0位无聊人士 在EBIBI附近出没!







    点击我更换图片 看不清
    评论内容 (*必填):

    (Ctrl + Enter 快速提交)