欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

(XF-12)Flex Module 通信

程序员文章站 2022-07-15 14:44:22
...

1. application 通过 url 字串方式传入

              var s:String = "QueryStringModule.swf?firstName=" + ti1.text + "&lastName=" + ti2.text;

在 module 中:

<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="parseString()">

....
    public function parseString():void {
           try {
                // Remove everything before the question mark, including
                // the question mark.
             var myPattern:RegExp = /.*/?/;
                var s:String = this.loaderInfo.url.toString();
....

2. 通过定义事件类来传递参数

    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 的帮助文档。

 

3. 通过 parentApplication 两个共生模块间进行通信

共生模块是指在一个 application 中同时加载两个模块

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml " xmlns:ns1="module.*">
<mx:Script>
<![CDATA[
]]>
</mx:Script>
<ns1:InterModule2 height="122" id="m2">
</ns1:InterModule2>
<ns1:InterModule1 id="m1" borderColor="#1492EA" cornerRadius="5">
</ns1:InterModule1>
</mx:Application>

在 m1 中定义方法 getNewTitle()

则 m2 可以调用 parentApplication.m1.getNewTitle();

4. 主模块向不同模块传入参数

通过 event 实现主模块与子模块, 子模块间参数传递, 参考这篇文章

http://weblogs.macromedia.com/pent/archives/2007/01/building_module.cfm

各模块实现一个接口, 主模块调用模块接口的方法来传递参数