Flex 3: 构建高级用户界面使用数据提供程序4

最新推荐文章于 2009-09-22 14:36:00 发布

最新推荐文章于 2009-09-22 14:36:00 发布 · 76 阅读

文章标签：

#Flex

本文介绍了一种使用Flex进行数据绑定的方法，并通过具体实例展示了如何利用ArrayCollection类来为列表组件提供数据源。该方法简化了数据更新时UI的同步刷新流程。

import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
private var bloggersArray:Array =
[

{label: "Andy Budd", url:"http://andybudd.com"},
{label: "Grant Skinner", url:"http://gskinner.com"},
{label: "Paul Booth", url:"http://paulbooth.com"}

];
[Bindable]
private var bloggersCol:ArrayCollection;
private function creationCompleteHandler(event:FlexEvent):void

{
bloggersCol = new ArrayCollection (bloggersArray);
}
]]>

<list></list> id="bloggersList" width="100%" rowCount="4"

dataProvider="{bloggersCol}"
/>

<controlbar horizontalalign="center"><br><button></button> label="Add a blogger!" <br> click="bloggersCol.addItem({label:'Pete-Barr Watson', <a href="http://www.airia.cn/'http://petebarrwatson.com/'">url:'http://petebarrwatson.com/'</a>});"</controlbar>

提示：如果你知道一个控件提供器一直代表特定集合类，你可以使用直接使用这个类。比如在前边使用ArrayCollection的例子。然而，如果你的控件必须能够处理不同的数据类型，比如ArrayCollection 或者 XMLListCollection ，你应该绑定数据提供器到一个ICollectionView 类型的属性中。就像下边的代码一样。（译者：说实话我对这段话也没理解。暂时直译过来。）