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

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);
}
]]>


<panel title="Bloggers we love!" width="100%"></panel>

<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 类型的属性中。就像下边的代码一样。(译者:说实话我对这段话也没理解。暂时直译过来。)

[Bindable]
private var bloggersCol:ICollectionView;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值