flex

 

Flex使用事件冒泡机制

 

 

第一：新建Flex项目

 

 

第二：新建mxml application

 

 

代码如下:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:cookbook="*">

    <mx:HBox x="12" y="33" width="400" height="200">

       <mx:Script>

           <![CDATA[

              private function createName():void

              {

                  name = "flex cookbook";

              }

           ]]>

       </mx:Script>

        <cookbook:BubblingHolde click="createName()" />

       

    </mx:HBox>

    

</mx:Application>

  

 

注意：cookbook:BubblingHolde是如何来的呢？请看第三步

第三：新建 mxml component

 

 

代码如下：

 

<?xml version="1.0" encoding="utf-8"?>

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" xmlns:cookbook="*">

    <mx:Script>

       <![CDATA[

           private function handleClick():void

           {

              trace("bubblingHolde click");

           }

       ]]>

    </mx:Script>

    <cookbook:BubblingComponent click="handleClick()" />

    

    

</mx:Canvas>

 

 

注意：cookbook:BubblingComponent是如何来的呢？请看第四步

 

第四：新建 mxml component

 

 

代码如下：

<?xml version="1.0" encoding="utf-8"?>

<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" xmlns:cookbook="oreilly.cookbook.*">

    <mx:Script>

       <![CDATA[

           private function sendClick():void

           {

              trace("BubblingComponent click");

           }

       ]]>

    </mx:Script>

    <mx:Button click="sendClick()"/>

</mx:HBox>

  

 

 

 

 

最后一步：运行CookbookChap1_11_1.mxml

 

 

 

弹出页面：

 

 

 

 

点击左上方按钮：结果如下

 

[SWF] D:\workspace\CookbookChap1_4\bin-debug\CookbookChap1_11_1.swf - 635,050 bytes after decompression

BubblingComponent click

bubblingHolde click