Flex4 在组件Component中注册事件Event并进行指派dispatch的例子

在JAVASCRIPT中 你可以使用Parent.getElementById("XXX").XX 的方式控制父对象和子对象之间的操作

在FLEX中 你完全可以使用事件指派更方便 更模块化的实现他 具体方法如下

 

1. 新建MXML组件  名称：EventComponent 

2. 注册事件

3. 进行指派

4. 使用这个组件即可

 

 

组件中代码

<?xml version="1.0" encoding="utf-8"?> <s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300"> <fx:Script> <!--[CDATA[ import mx.messaging.channels.StreamingAMFChannel; public var Text:String = ""; protected function button1_clickHandler(event:MouseEvent):void { Text = myString.text; var eventObject:Event = new Event("CopyText"); dispatchEvent(eventObject); } ]]--> </fx:Script> <fx:Declarations> <!-- 将非可视元素（例如服务、值对象）放在此处 --> </fx:Declarations> <fx:Metadata> [Event(name="CopyText",type="flash.events.Event")] </fx:Metadata> <s:TextInput width="215" height="20" id="myString"/> <s:Button label="CopyText" click="button1_clickHandler(event)"/> </s:VGroup>

 

使用组件指派的事件

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:component="component.*"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Script> <!--[CDATA[ protected function eventcomponent1_CopyTextHandler(event:Event):void { TargetTextArea.text = testComponent.Text; } ]]--> </fx:Script> <fx:Declarations> <!-- 将非可视元素（例如服务、值对象）放在此处 --> </fx:Declarations> <component:EventComponent id="testComponent" x="10" y="10" width="242" height="185" CopyText="eventcomponent1_CopyTextHandler(event)"> </component:EventComponent> <s:TextArea x="271" y="10" id="TargetTextArea"/> </s:Application>