Flex module 通信。

60 篇文章 0 订阅

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

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

http://flex.sys-con.com/read/486677_2.htm

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值