一．引

很多新人对Flex的事件机制都不太熟悉，在使用过程中难免会出现各种问题，这是一个非常普遍的问题，为了更快更好的帮助大家，将介绍一下Flex中事件的各种机制和用法。

Flex的精髓之一就是事件和绑定机制，了解之后，能帮助大家更灵活的设计程序，也对新手上路有一定的帮助。

讲解可能不太系统，也不全面，有很多没有深入。如果高手看到后有疑问，欢迎指正。当然各位也可以提出自己的看法，或者经验分享，谢谢。

二．事件机制介绍

1.      什么是事件机制

事件可以看作是一种触发机制，当满足了一定的条件后，会触发这个事件。比如MouseEvent就是指的当鼠标进行操作之后触发的一系列的事件。很多控件中都有click事件，这个事件就是一个MouseEvent的实例，当点击鼠标后，系统会自动抛出一个名称为click的MouseEvent事件（这种方法我们将在后面介绍到）。如果此时在click上注册一个方法，那么触发该事件时就会执行这个方法。

大致示意图
 
image001.png (14.50 K)

2007-11-23 15:28:46

该示意图对应的Flex主应用的mxml代码

[复制到剪贴板]
CODE:
<mx:Script>
          <![CDATA[
                import mx.controls.Alert;       
                private function clickHandler(e:MouseEvent){
                      Alert.show(e.currentTarget.toString());
                }
          ]]>
</mx:Script>
<mx:Button id="testBtn" click="clickHandler(event)" label="测试">
</mx:Button>

在我们写代码时，编辑器的代码补全提示列表中，有很多不同的图标，如图
 
image003.png (4.90 K)

2007-11-23 15:28:46

那些带有闪电的就是事件，三个小块的就是样式，空心圆圈的是属性，实心圆点的是公有方法，还有一个是效果。

我们能在这个列表中看到的事件，我把它称之为事件注册通道。（官方仍然称它为事件，但是它又和普通的事件含义不同。关于事件注册通道会再下面讲述到）

2.      事件注册通道

上面说到了，这些通道是只能在mxml的代码提示中可以看到的，他的作用就是给mxml组件提供 事件触发时所执行的方法的注册通道，而且能在代码提示中可见，这样给组件提供了很大的抽象的好处，我们可以很清楚的告诉组件的使用者，组件里包含哪些事件给你调用。
为什么把他区别对待？除了代码提示外，他还有一些实现上的不同。

Button的click事件是继承自核心类InteractiveObject，遗憾我们看不到他的源码，但是说明了“事件注册通道”是可以继承的。

我们会在自定义事件中讲述到如何声明“事件注册通道”。

3.      事件触发方法

注册通道中如果填入了函数，那么就代表触发该事件时，会执行这个方法。

click="clickHandler(event)"

我们看到这个方法有一个event对象作为参数传入，新人可能会问到，这个event对象哪里来的？我也没声明这个变量啊。他实际上是注册通道传给他的，默认变量名就是event。我们如果想在事件触发时传其他的参数，可以通过自定的事件对象来实现。

这个对象就是这个组件分发的事件对象，即name为“click”的MouseEvent的一个实例。

这个event对象包含了触发该事件时的各种信息，比如触发对象是哪个，触发时鼠标点在哪里等等，不同的event类会包含不同的属性，比如KeyboardEvent包含了键盘点击了哪个键。

我们也可以通过自定义一个事件类，来传递我们自己想要的各种信息。（这在后面将介绍到）

4.      事件分发（重点了）

最终继承自EventDispatcher的对象都会含有dispatchEvent这个方法，他有一个参数，事件对象。

之前说到的事件注册通道，他只是一个通道，实际上事件是由这个方法来分发出去的，通道只是一个管道而已。

他的作用就是分发一个事件对象，他的分发是没有目的的，一种广播形式的，Flex的事件监听线程会接收到各种各样的事件（我们称之为捕获事件，这在后面会介绍到），那么哪种才是你要的事件，标识就通过name来区分。

1）事件对象
在分发事件时，将会分发一个事件对象出去。不管是那个事件类，都是继承自flash.events.Event对象的，他包含一些比较重要的属性，name和bubbles。
Name是这个对象在被捕捉到时的凭证。
Bubbles是个布尔值，决定了该对象是否会向上传递。什么意思呢？画个图就明白了。
比如说，当button组件分发click事件对象时，设置的bubbles为false，那么他的分发是这样的

示意代码
dispatchEvent(new MouseEvent( “click” , false ));
 
image005.png (20.82 K)

2007-11-23 15:28:46

事件对象无法跨越组件本身，当然，除了之前讲到的注册通道（这样就很形象了吧）

因此，如果没有注册通道，在Flex主应用中，就无法捕获到这个button组件分发出的事件。

如果我们将Bubbles设为true，他看起来就是这样
dispatchEvent(new MouseEvent( “click” , true ));
 
image007.png (25.61 K)

2007-11-23 15:28:46

可以看到，这个事件可以跨过组件本身，到达Flex主应用里。不止这样，在帮助手册中明确说到，如果在传递过程中间一直没有被捕获的话，这个事件会逐层上传，直到最终的stage，那时如果还没被捕获，这个事件就会被销毁掉。

这样一来，即使我们没有click的事件通道，只要我们在Flex主应用中添加事件监听器（addEventListener）那么我们就可以获得到这个分发出的click事件了。

那么，注册通道不是没用了吗？不是，之前说到过，注册通道是现式的，可见的，因此如果你的组件要给其他人使用，那么就非常一目了然，而不必知道你源码中究竟分发了什么事件。但是，不要监听和注册同一个事件，这样会重复执行的。（后面将讲到）

5.      事件监听

在分发中，我们讲到，如果不是通过注册通道来调用触发事件，那么我们是需要一个监听来捕捉的。如何捕捉到分发出的事件，就是通过事件的name值。

比如:
<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml layout="absolute" xmlns:comp
      creati
>
<mx:Script>
                <![CDATA[
private function init(){
                    testBtn.addEventListener(“click”, clickHandler);
}

Flex的事件中都提供了一些静态常量，让我们调用，避免我们打错了。因此这句话可以这么写

testBtn.addEventListener(MouseEvent.CLICK,clickHandler);

我们看到，监听的回调方法中没有传递参数，是的，这和通道的写法有些不同，这里的回调方法（即clickHandler）只是个引用，并不是代表方法的执行，他的含义是，告诉eventLinstener，如果捕捉到click事件，那么就去找clickHandler，并执行它，event对象参数在执行时动态的传递。（如果熟悉ajax的朋友这里应该很容易懂了）

他作用起来就是这样
 
image009.png (40.46 K)

2007-11-23 15:28:46

如果你又注册了click的事件通道，那么这两个都会生效，显然这是多余的。

      6.  关于异步和执行顺序

可以看到，事件的分发，和事件捕获的回调（clickHandler）并不是同步的，因为在dispatchEvent之后，该线程不会停下来，等待listener捕捉，而是继续做自己的事。

当你分发了click事件后，仍然会继续执行click之后的操作，Lintenser是一个独立的线程，他至始至终都在工作，当他捕捉到你add的事件后，则会去调用回调的函数。分发任何事件都是这样。

异步示意图
 
image011.png (6.01 K)

2007-11-23 15:28:46

上图可以看出，回调方法执行的顺序甚至还不如dispatchEvent之后的方法。如果接下来的方法依赖于事件回调，那么把接下来的方法写到回调方法中去
 
image013.png (6.54 K)

2007-11-23 15:28:46

三．绑定机制

      在我们了解了事件机制后，那么理解绑定就不难了。绑定其实也是事件机制的运用

      1.  什么是绑定
绑定的原理就是事件，在被绑定的对象上增加了改变事件的监听，一旦某个被绑定对象改变后，就会分发一个“propertyChange”事件（默认的，也可以改变成自己定义的事件），在其他组件中，会有propertyChange的事件监听，当捕捉到该事件后，则会去更新组件的属性并显示。

绑定的作用在于，将Flex中的变量、类、方法等与组件的值进行绑定。例如，一个变量如果被绑定后，那么引用该变量的组件的相关属性也会发生改变。我们用一个实例来表示

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml layout="absolute" xmlns:comp
      >
      <mx:Script>
          <![CDATA[
                import mx.controls.Alert;           
                [Bindable]
                private var isSelected:Boolean;
                private function clickHandler(e:MouseEvent){
                //Alert.show(e.currentTarget.toString());
isSelected=isSelected?false:true; //这句话的意思是如果isSelected为true，改变它为false，如果它为false，改变它为true；
                      Alert.show(isSelected.toString());
                }
          ]]>
      </mx:Script>
      <mx:Button id="testBtn"  click="clickHandler(event)" label="测试" />
      <mx:CheckBox x="60" selected="{isSelected}" />
</mx:Application>

上述程序的效果就是，当点击button时，button不是直接改变checkbox的选中状态，而是改变isSelected这个变量，由于isSelected是被绑定了的，那么会关联的改变CheckBox的选中状态。

这样看起来有些多此一举，完全可以直接改变checkbox的selected属性，我只是为了演示一下效果。如果说你的checkbox是动态构造的上百个，你不会去一个个的改变他吧。

因此，我们多数会将一个数据源进行绑定声明，这样引用了这个数据源的控件，比如datagrid，在数据源发生了改变时，即使你不重新设置dataProvider，列表的数据也会刷新。当然，还有很多应用等待你去尝试。

如果这个代码中取消了[Bindable]的声明，会怎么样？isSelected不会改变了吗？

isSelected会改变，我们alert出来的结果也会显示结果改变了，但是checkbox的选择状态不会改变，因为当一个组件由创建到最终显示出来时是经过很多方法的，比如addChild，commitProperties，updateDisplayList等，updataDisplayList则是类似刷新显示效果一样的方法。

仅仅改变属性，而不去更新显示效果那么组件不会因为属性的改变而发生任何变化。
 
绑定的原理也是利用的事件分发。更复杂的绑定有待你去自己发现了

四.  自定义事件的分发

      这部分就不长篇大论了，因为各位应该已经掌握了事件的原理，因此贴出演示源码，并进行些简单的解释。

      1.  自定义事件 components/MyEventTest.as
      package components
{
      import mx.events.FlexEvent;
      public class MyEventTest extends FlexEvent
      {
          public static const ONCHANGE:String = "onChange";
          public var eventInfo:String; //自定义的事件信息
          public function  MyEventTest(s:String){
                super(s); //如果在构造时不设bubbles，默认是false，也就是不能传递的。
                eventInfo="这个事件是:"+s;
          }
      }
}

          2.        自定义组件 components/ComponentForEvent.as
package components
{
      import flash.events.EventDispatcher;
      //这个就是声明事件注册通道的方法了。Type是该事件的类
      [Event(name="onChange", type="components.MyEventTest")]
      public class ComponentForEvent extends EventDispatcher
      {
          private var name:String;
          public function changeName(newName:String){
                this.name=newName;
                dispatchEvent(new MyEventTest(MyEventTest.ONCHANGE) );
          }
      }
}

3.        App.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:comp
>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function  changeName(){
                    cfe.changeName("新名称");
}
                ]]>
</mx:Script>
<mx:Button id="testBtn"  click=" changeName ()" label="测试" />
<components:ComponentForEvent
id="cfe"  />
</mx:Application>

这几年企业应用系统慢慢己从窗口桌面转移到网页平台上，人们开始习惯在浏览器上购买商品、转帐、缴费、甚至公司的入口网站也都是从网页进入使用，如请假、签到、人资系统甚至物流管理等。

网页开发人员也不例外，动态网页不管是用什么语言来撰写（如：ASP.NET、PHP、JSP、ColdFusion等），你会发现到，现在这些语言似乎成了基本配备，殊不知Web 2.0的应用理念排山倒海而来，也让Ajax的技术使用掘起，RIA(Rich Internet Applications)的应用也更加扩大；伴随着使用上的要求，浏览器上的功能变得越来越复杂，开发者也越来越头痛，一方面要学习许多技术，一方面又要能符合顾客所需，如何让开发者不用再重新学习，只善用本身既有技能，也能满足顾客口味，客户端也能够兼顾到网页及窗口程序的优点，如此想法，AIR油然而生。

什么是AIR?

AIR(全名Adobe Integrated Runtime)，前身是Apollo，美商Adobe公司在开发此项目时所命名的一个代号名称，它是专为网络桌面系统应用的一个执行环境(RunTime)，竞争产品如同微软的WPF，AIR能真正跨平台在Windows/Mac/Linux操作系统上执行，目前为Alpha 1阶段(Linux版还没释出)，很适合应用在网络多媒体内容上，如把PDF、Flash/Flex、HTML、Ajax全部结合在一个程序上，加上善用操作系统上的环境资源，就能快速开发出RIA应用，并且原有的网页开发者不需要重新学习新的语言。

你会需要AIR吗？

我们需要区分几种类型来分析、思考，AIR是否对你有需要，以下列出３种类型族群。

使用者(End user)

你常使用计算机，你己发现到，现在的系统大多都会让你在浏览器(常见是IE/FireFox)上完成，不管是查询最新上映电影、网络订车票、网络报税、在线购物，或企业的入口网站要查询库存、销售报表等，甚至采购订单，几乎在浏览器上就能一手包办，不过你也发现到几个恼人的事，例如：你使用的过程中，不小心要回上一步，浏览器的认定却是上一页，刚刚输入的动作就几乎要重来，亦或者网络刚好中断，而你的交易正执行到一半，等待网络可以重新连上后，之前所输入的内容也是要再来一遍，另外，网络上的画面真的都跟使用者一样，所见即所得吗？不一定，因为正当你要把最关键的网络信息打印下来时，却也发现，边缘的信息怎么被截断了。
以上，都是屡见不鲜的案例，这样的节骨眼，利用AIR所提供的环境程序，就可以协助你，当离线时还能保持功能正常运作，当打印时也能常保完整(因为PDF能够有一致的文件结构)，你也不需要有充份的时间去学如何操作系统，因为RIA的接口与互动，己足够让你省下不少摸索时间。

设计者/开发者(Designer/Developer)

视觉设计者通常强在美术天份的表达，舒适性的画面总是在他们的巧手上完成，然而一般在设计网页与窗口的表现，过程中是需要很多加以调整，如：尺寸大小、档案格式等，AIR的系统环境里，你可以专注在原来网页设计的技巧，其它靠着Flash的引擎，就能发挥与网页同质的效果。
开发者亦是，他们最不喜欢花时间去学习新的语言，你可以善用己熟悉的HTML、CSS、Ajax、Flash、Flex等，就能够开发出桌面窗口程序，并且支持实时联机/离线、档案拖拉等功能，甚至还可与二个不同的窗口程序沟通，整个工作流程更具简便。

企业业主/老板

花钱的是老板，要利润的也是老板，大多数人的想法是不用花费任何一毛钱最好，要告诉老板们的是，AIR执行环境是不用任何费用，没错，「就是免费」，公司所养的开发人员也不用为了教育费用重新来过，只需花一点技巧，让他们知道怎么导入企业应用，怎么把现有网页转换成AIR程序即可，当然，若采用Adobe的解决方案，花小额，采用最适合的工具，如Flex Builder、Flash等，更容易创造出公司未来的生财服务，还是一句话，「值得」。

AIR技术卖点

用相同Web技术就能制作出窗口系统，并且强调的是RIA系统，AIR它不是原生于操作系统内，而是附加安装后可以让你执行的环境，也因此，不建议你用AIR做一个类似PhotoShop软件，甚至是Premiere很仰赖系统资源的软件，但是你却能做出如Kuler色彩管理工具或其它结合网络应用的程序，想象一下，所有网页能够执行的内容，都可以搬到桌面窗口应用，再者，加上档案拖曳功能，实时联机与离线作业，可把PDF、SWF、HTML集于一身，支持跨平台安装与执行，这就是AIR的技术卖点。

Adobe针对AIR的使用技术，区分了二种技术类型，一为「应用程序」，二为「文件」。以下就以这二类型来说清楚讲明白。

一、应用程序类型

以一针见血来说，其实就是利用Flash与HTML来建立与布署AIR程序。

AIR己有把Flash Player核心放进来，这是AIR的核心之一，所以它支持ECMAScript为基础的ActionScript 3语言，现在Flash Player也贡献在开放性程序代码的Tamarin项目，未来在Firefox浏览器版本上也能看到。(更多Tamarin专案详情，请见网站：http://www.mozilla.org/projects/tamarin/)
 
非但如此，AIR不仅在既有的Flash Player APIs可以用，可做的事情更加扩大，主要包含如下：

AIR引擎可实时解析ActionScript语法，以致有更好的效能表现。
完整的网络堆栈，所以支持HTTP、RTMP、2位及XML Sockets。
完整性的图形向量着色功能，加上还有绘图APIs，让你可以自由设计手绘功能。
多媒体支持，包含Bitmaps(位图)、向量图、影像、声音等。(这在传统的Ajax技术无法办到)。 
不能忘记的是Flex框架(Framework)，所有Flex 2的功能，你都可以在AIR身上全力发挥。

只要是HTML的功能，在AIR也都能施展，这其中包括了，HTML、JavaScript、CSS、XHTML、DOM(Document Object Model)。因此，你可以不需使用Flash，同样可以写出AIR程序，而且用的是HTML、JavaScript等，这项对传统网页开发者来说无疑是如鱼得水，可以这么做的原因也是在于用了开放性的WebKit引擎，此引擎在许多浏览器上可以找到，如Mac OS的Safari浏览器、Linux相关系统的KHTML等。

在这里我们应该要晓得背后的动机是什么，为什么要采用WebKit，知道主要原因将有助于了解日后发展状况。

首当其冲因为Webkit是开放性项目，Adobe知道一个HTML引擎的长期开发及维护是相当不容易，Webkit有全球众多的开发者及社群在维护着，尤其许多使用者分布在Apple及Nokia领域的Power User，使得Adobe可以专心在其它如除错、延伸功能等，并且有效回报内容给Webkit组织，获得不断精进。
其次是Adobe在决定用Webkit时，希望Web开发人员可以熟悉Webkit引擎的解析状况，好比，同个HTML码在Firefox执行可能是没问题的，但在IE就会错误百出。
很多人都希望AIR的执行环境程序能够越小越好，而WebKit引擎的程序代码是经过组织性的讨论与严谨撰写下而完成，目前以Flash与HTML引擎加上之后的档案大小大约在5MB多左右(远比.NET Framework小太多倍)。
WebKit是被计划可以执行在手持装置上，这与Adobe长期的策略不谋而合，现己证实能执行在Nokia及Apple的手机上。
二、文件类型

文件类型在AIR的应用是希望可以用在动态电子文件中，也就是说每个字段内容都是可以用互动方式产生，在这里PDF及HTML就是主角。
以目前来说Alpha1还没把PDF功能整合进来，但是值得一提的是，AIR程序里的PDF文件是可以嵌在Flash里或HTML里，甚至是同时混搭(Mash-up)在Flash、HTML中。同样的，HTML也是可以做相同工作，把PDF与SWF都放在一块。如图1所示。

图1：PDF可任意嵌在HTML或SWF环境里。

所以，我们先来综整一下，AIR的语言模型可以怎么形成：
图2所示，你可以用

纯粹使用Flash技术，此包含了Flex。
你可以使用Flash为底层，再嵌入HTML内容。
你可以单纯只使用HTML或JavaScript。
你可以使用HTML或JavaScript再嵌入Flash内容。
以上所有语言的混搭都可以结合PDF文件内容。

图2：适合开发AIR程序的语言

描述语言的整合

由于WebKit与Flash Player引擎二者同时包含在AIR执行环境里，所以Adobe也将他们能发挥的功能整合在一块，这对开发者上将会更加便利，举例来说，HTML内容被包含在Flash里，事实上将是经由Flash来负责着色，这意味你可以任何在Flash里做位图，像是模糊(Blur)、旋转(Rotate)、变型(Transform)等。

另外使开发人员感到兴奋的一件事就是，ActionScript可以与JavaScript做双向沟通，如下：

容许JavaScript程序代码去呼叫ActionScript APIs
容许ActionScript程序代码去呼叫JavaScript APIs
ActionScript程序代码可以直接操作DOM
能藉由JavaScript与ActionScript来做事件注册 
AIR支援哪些APIs ?

除了原有的Flash Player及WebKit引擎所提供的APIs之外，AIR附加了新的重要APIs功能，皆可由ActionScript或JavaScript来呼叫，如下：

完整的档案输入/输出功能
完整的窗口控制
完整的目录控制
网络联机/离线侦测
数据快取与同步(便于让你开发离线作业的功能)
系统通知功能(此需视操作系统的机制而定)
程序自动更新功能
以上所有APIs功能都可以直接在执行环境上或AIR框架中完成。

桌面系统整合能力

如同前言，摆脱以往浏览器之所不能，又能让使用者像是在用原来桌面应用程序，更重要是让人去验验Flash接口的互动能力，这就是AIR的桌面整合特色。目前包括了：

正常程序的安装与移除
可把安装完毕的程序直接放在桌面快捷方式或程序集
程序拖曳的操作，如：操作系统与AIR程序间的拖曳，AIR程序间的拖曳。
一般程序与AIR程序的沟通。
支持剪贴簿功能
系统通知功能
自订图示
可将AIR程序在背景中执行
一旦安装完成，AIR程序如同一般安装后的程序感觉都一样，每一支都是独立的，你可以来回用Tab键切换。使用者不需知道这程序的背后机制是怎么来，只管其操作方法。但其接口的互动感觉确是可以让人深刻体会。

AIR相关工具组

网页程序现在应用为什么会这么普遍，其中之一也是因为网页开发者根本不需要知道使用者用的是什么操作系统，就可以把他们写好的程序马上给客户使用，不管是Windows或Linux、Solaris、或手机，祗要是网页程序能够被浏览器读取，就几乎都可以使用。

对AIR也是同样道理，不仅是可以提供跨平台的网页桌面应用能力外，它也是可以在打包成软件的情况下，让你在其它操作系统上执行。

事实上，AIR目前不局限只能在Flex Builder上开发，你可以用NotePad(笔记本)，或是任何可以写HTML、JavaScript的编辑工具，就可以打造出AIR的应用程序。

当然，工欲善其事，必先利其器。若你要有视觉性的开发工具，Flex Builder不失为值得使用的IDE工具，你可以到Adobe官方网站下载试用，记得必须要下载Flex Builder 2.0.1加上AIR Extensions for Flex Builder 2.0.1，才能管理整个AIR程序项目。

另外，Adobe官方刚释放一些AIR的重要工具，各位可以去下载把玩，试试便知道精彩神奇的内容在哪里。

开始前你必须要知道的

AIR RunTime
这是主要运行AIR程序的执行环境，如同微软的.NET Framework一样，任何开发好的AIR程序都要有这执行环境才能使用。

AIR SDK
SDK包含了AIR Frameworks、命令列程序、链接库、基本设定档等内容。所以可以让你做测试、除错或利用其它文字、视觉编辑工具写好后，直接打包成AIR程序。

在SDK里有二个重要的命令列工具是：

ADL(AIR Debugger Launcher)
主要是用在不需要先前经过安装，就可以直接测试并执行AIR程序。
ADT(AIR Developer Tool)
这就是封装成AIR安装程序，扩展名是.air，当你打包成air档后，你就可以布署在任何的系统上(目前Alpha1祗提供Windows及Macintosh二种平台，正式版会有Linux平台，官方说明未来也会有手机运行版本)。
以上，所有下载网址都在http://labs.adobe.com/downloads/air.html。

小结：

多数的朋友听到AIR的应用后，常询问一个问题，那就是AIR会不会就是取代浏览器上的应用？并且未来直接再把AIR的程序再放回浏览器上使用？
这问题我与Adobe资深开发人员关系产品经理讨论过，AIR是为了解决浏览器上应用的不足，并且他是用相同的技术、语言、链接库来完成桌面上的应用，并且AIR还在发展阶段，后续将上市的功能也都会顾及到使用者在长期以来得不到的解决方案，然而开发者什么时候会用AIR技术在桌面平台上？这也会视需求量而定，不过既然都使用Web技术，所以你可以很快就转换成AIR版本，还可以同时有二个版本存在，这给你的客户或未来所有使用者有了更好的选择。

作者简介：

刘仲滨
国立交通大学电机信息学院数字图书组硕士，研究 Adobe/macromedia相关产品多年，为国内企业暨华人社群大力推展 RIA互动多媒体应用暨解决方案，著作有相关Adobe/Macromedia网页书籍、多篇杂志专栏，同时为大型研讨会讲师，技术顾问，及RiS平台(http://j2eemx.com)资深社群主持人。

文章来源于 mon的博客:http://monw3c.blogbus.com/logs/7971758.html

HTTPService

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="initializeHandler(event)">
<mx:Script>
<![CDATA[
private function initializeHandler(event:Event):void {
countriesService.send();
}
private function changeHandler(event:Event):void {
statesService.send();
}
]]>
</mx:Script>
<!-- 载入纯静态的xml数据 -->
<mx:HTTPService id="countriesService" url="http://www.rightactionscript.com/states/xml/countries.xml" />
<!-- 载入由php生成的xml数据 -->
<mx:HTTPService id="statesService" url="http://www.rightactionscript.com/states/xml/states.php">
<!-- 以下标签就是要发送到服务端的数据了,可以这样理解:有一个名为country的变量,它的值为花括号{}里的内容 -->
<mx:request>
<country>{country.value}</country>
</mx:request>
</mx:HTTPService>
<mx:VBox>
<!-- 此控件的数据由第一个<mx:HTTPService/>控件接收的内容提供,并且由这个ComboBox控制着第二个ComboBox所要显示的内容 -->
<mx:ComboBox id="country" dataProvider="{countriesService.lastResult.countries.country}"
change="changeHandler(event)" />
<!-- 下面的ComboBox已经绑定了{statesService.lastResult.states.state},随它的数据改变而改变 -->
<mx:ComboBox dataProvider="{statesService.lastResult.states.state}" />
</mx:VBox>
</mx:Application>

URLLoader

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="initializeHandler(event)">
<mx:Script>
<![CDATA[
private var _countriesService:URLLoader;
private var _statesService:URLLoader;
private function initializeHandler(event:Event):void {
_countriesService = new URLLoader();
_countriesService.addEventListener(Event.COMPLETE, countriesCompleteHandler);
_countriesService.load(new URLRequest("http://www.rightactionscript.com/states/xml/countries.xml"));
_statesService = new URLLoader();
_statesService.addEventListener(Event.COMPLETE, statesCompleteHandler);
XML.ignoreWhitespace = true;
}
private function countriesCompleteHandler(event:Event):void {
var xml:XML = new XML(_countriesService.data);
country.dataProvider = xml.children();
}
private function statesCompleteHandler(event:Event):void {
var xml:XML = new XML(_statesService.data);
state.dataProvider = xml.children();
}
private function changeHandler(event:Event):void {
var request:URLRequest = new URLRequest("http://www.rightactionscript.com/states/xml/states.php");
var parameters:URLVariables = new URLVariables();
parameters.country = country.value;
request.data = parameters;
_statesService.load(request);
}
]]>
</mx:Script>
<mx:VBox>
<mx:ComboBox id="country" change="changeHandler(event)" />
<mx:ComboBox id="state" />
</mx:VBox>
</mx:Application>

WebService 方法一

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="initializeHandler(event)">
<mx:Script>
<![CDATA[
private function initializeHandler(event:Event):void {
statesService.getCountries();
}
private function changeHandler(event:Event):void {
statesService.getStates(country.value);
}
]]>
</mx:Script>
<mx:WebService id="statesService"
wsdl="http://www.rightactionscript.com/states/webservice/StatesService.php?wsdl">
<mx:operation name="getCountries" />
<mx:operation name="getStates" />
</mx:WebService>
<mx:VBox>
<mx:ComboBox id="country"
dataProvider="{statesService.getCountries.lastResult}" change="changeHandler(event)" />
<mx:ComboBox dataProvider="{statesService.getStates.lastResult}" />
</mx:VBox>
</mx:Application>

WebService 方法二

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="initializeHandler(event)">
<mx:Script>
<![CDATA[
private function initializeHandler(event:Event):void {
statesService.getCountries.send( );
}
private function changeHandler(event:Event):void {
statesService.getStates.send( );
}
]]>
</mx:Script>
<mx:WebService id="statesService" wsdl="http://www.rightactionscript.com/states/webservice/StatesService.php?wsdl">
<mx:operation name="getCountries" />
<mx:operation name="getStates">
<mx:request>
<country>{country.value}</country>
</mx:request>
</mx:operation>
</mx:WebService>
<mx:VBox>
<mx:ComboBox id="country"
dataProvider="{statesService.getCountries.lastResult}" change="changeHandler(event)" />
<mx:ComboBox dataProvider="{statesService.getStates.lastResult}" />
</mx:VBox>
</mx:Application>

原文：http://bbs.airia.cn/FLEX/thread-2738-1-1.aspx