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

本文介绍了一种使用Flex框架加载外部XML文件并将其数据显示在列表中的方法。通过定义事件处理器来处理请求、成功加载和错误情况,实现了动态更新UI的功能。

import mx.managers.CursorManager;
import mx.rpc.events.InvokeEvent;
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
[Bindable]

private var bloggersCol:ArrayCollection;
// Gets called when HTTPService is invoked to
// request the XML.
private function bsInvokeHandler(event:InvokeEvent):void

{
// Display the busy cursor
CursorManager.setBusyCursor();
}
// Gets called when the XML is successfully loaded.
private function bsResultHandler(event:ResultEvent):void

{
// Save a reference to the list of bloggers
bloggersCol = event.result.bloggers.blogger;
// Hide the busy cursor
CursorManager.removeBusyCursor();
}

private function bsFaultHandler(event:FaultEvent):void
{

// There was an error in loading the XML
Alert.show (event.fault.message);
// Hide the busy cursor
CursorManager.removeBusyCursor();
}
]]>


<!-- Service to load in XML -->
<httpservice></httpservice> id="bs"
url="data/bloggers.xml"

invoke="bsInvokeHandler(event);"
result="bsResultHandler(event);"
fault="bsFaultHandler(event);"

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

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

dataProvider="{bloggersCol}"
labelField="name"
/>

<controlbar horizontalalign="center"></controlbar>

label="Add a blogger!"
click="bloggersCol.addItem({name:'Pete-Barr Watson', url:'http://petebarrwatson.com/'});"

/>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值