Flex中加载多个Module之间的事件监听和触发

 　　Flex2.01之后提供了modules模块化开发包，开发者可以将程序的某些模块编译成swf，在需要的地方load进去，实现模块化的开发。现在问题来了，每个module会被编译成swf，在一个Application中，module之间该如何通信交互呢？

 

　　通常来说，在一个swf中，组件间的交互通信可以直接addEventListener 和dispatchEvent来完成事件的传递。当然这样标准的做法也适用于module。理解在AS 3.0中事件遵循向上传递的原则，那么下面的工作就好做了。

 

　　例如，在一个Application中分别由ModuleLoaderA和ModuleLoaderB加载了两个module，分别为moduleA和moduleB，其中A需要向B传递数据。事件的传递就应该是这样的：

moduleA --> ModuleLoaderA --> Application --> ModuleLoaderB --> moduleB。

1. 首先当然先要定义一个事件，那么在moduleA里应该由this.parent.parent来dispatchEvent(事件)，this.parent即加载moduleA的ModuleLoaderA，那么this.parent.parent即Application；

2. 在Application中，由ModuleLoaderA来addEventListener(事件)，即侦听了由moduleA传上来的事件，侦听到之后再由ModuleLoaderB负责dispatchEvent(事件)。

3. 在moduleB里，this.parent.parent.addEventListener(事件)，这样就侦听了由ModuleLoaderB传递的事件。

 

其实在module里，使用this.systemManager.addEventListener/dispatchEvent也可以完成事件的传递，但是如果一个module里用this.systemManager，而另一个module里使用this.parent.parent却不能传递事件，systemManager并不等于application，systemManager.document才是application，也就是说用systemManager的话必须两者都用，用parent的话也可以使用systemManager.document。不明白的朋友可以仔细阅读Flex的帮助文档。

 

代码编译Flex SDKS3.0.0 

附代码：

/*这里是监听mapLoader中的事件，然后overview监听到事件得到mapLoader中的值 这是主文件的creationComplete方法，load多个Module*/ private function init():void{ mapLoader.applicationDomain =ApplicationDomain.currentDomain; mapLoader.url="deepen/pl/macroview/mainShow/mapInfo/MapInfoIndex.swf"; mapLoader.loadModule(); //监听事件，监听mapLoader的事件 mapLoader.addEventListener("GetOrgNoFromMapEvent",dispatchMapOrgNo); overview.applicationDomain =ApplicationDomain.currentDomain; overview.url="deepen/pl/macroview/mainShow/overview/OverviewIndex.swf"; //overview.url="deepen/pl/macroview/mainShow/customerComposition/CustomerCompositionIndex.swf"; //overview.url="deepen/pl/macroview/mainShow/marketShare/MarketShareIndex.swf"; overview.loadModule(); markerShare.applicationDomain =ApplicationDomain.currentDomain; markerShare.url="deepen/pl/macroview/mainShow/marketShare/MarketShareIndex.swf"; markerShare.loadModule(); } <mx:ModuleLoader id="mapLoader" width="100%" height="100%"/> <mx:ModuleLoader id="overview" width="100%" height="100%"/>

 

然后是MapInfoIndex中Module的事件代码

新建的事件类，主要是为了传递在Module中得到的值

//点击事件获得单位编号 //GetOrgNoFromMapEvent 是新建的事件类，继承Event private function qclick(e:MouseEvent):void{ orgNoPoint=e.currentTarget.states.orgNo; var model:MapInfo=new MapInfo(); model.orgNo=orgNoPoint; //发出事件 var mapevent:GetOrgNoFromMapEvent=new GetOrgNoFromMapEvent(model); this.parent.parent.dispatchEvent(mapevent); }

 

主文件的监听和转发到方法

由于dispatchEvent不能直接强制转换事件类GetOrgNoFromMapEvent。

所以不能直接overview.dispatchEvent(e);要重新组装一下。

//转发事件 private function dispatchMapOrgNo(e:GetOrgNoFromMapEvent):void{ var model:MapInfo=e.mapInfo; var event:GetOrgNoFromMapEvent=new GetOrgNoFromMapEvent(model); overview.dispatchEvent(event); }

 

在OverviewIndex中的Module的监听事件

init函数是creationComplete方法

private function init():void{ this.parent.parent.addEventListener("GetOrgNoFromMapEvent",getMapOrgNo); } private function getMapOrgNo(e:GetOrgNoFromMapEvent):void{ var model:MapInfo=e.mapInfo; }

 

GetOrgNoFromMapEvent事件类代码

package deepen.pl.macroview.mainShow.mapInfo.event { import deepen.pl.macroview.mainShow.mapInfo.MapInfo; import flash.events.Event; /* extends Event * 地图事件，传递mapInfo的值 */ public class GetOrgNoFromMapEvent extends Event { public var mapInfo:MapInfo; public function GetOrgNoFromMapEvent(model:MapInfo, type:String="GetOrgNoFromMapEvent", bubbles:Boolean=false, cancelable:Boolean=false) { super(type, bubbles, cancelable); this.mapInfo=model; } } }