来看下面两个例子:
自定义事件 LoginEvent.as
package Events
{
import mx.events.FlexEvent;
public class LoginEvent extends FlexEvent
{
public function LoginEvent()
{
super("LoginEvent",true);
}
}
}
自定义组件 LoginComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" backgroundColor="#FADCA2">
<mx:Script>
<![CDATA[
import Events.LoginEvent;
public function sub():void{
username.text="crystal";
dispatchEvent(new LoginEvent);
}
]]>
</mx:Script>
<mx:TextInput x="111" y="44" id="username"/>
<mx:Button x="154" y="132" label="Submit" click="sub()"/>
</mx:Canvas>
主页面 LoginTest.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:mp="myComponent.*" creationComplete="init()">
<mx:Script>
<![CDATA[
import Events.LoginEvent;
private function submit():void{
login.sub();
}
private function init():void{
this.addEventListener("LoginEvent",loginHandler);
}
private function loginHandler(evt:LoginEvent):void{
tt.text="meteor";
}
]]>
</mx:Script>
<mp:LoginComponent id="login"/>
<mx:Button x="551" y="152" label="Event Test" click="submit()" />
<mx:Label x="551" y="92" text="Label" id="tt"/>
</mx:Application>
运行本例的结果是单击LoginComponent中的BUTTON后,主页上的LABEL值会变成“meteor”;
再来看下面的例子
自定义事件 LoginEvent.as
package Events
{
import mx.events.FlexEvent;
public class LoginEvent extends FlexEvent
{
public function LoginEvent()
{
super("LoginEvent");
}
}
}
LoginComponent.mxml , LoginTest.mxml与上面的例子相同
运行本例的结果是单击LoginComponent中的BUTTON后,主页上的LABEL值不会改变
分析:
自定义事件时的构造方法中的第二个参数默认为FALSE,表示事件传递不能跨越组件本身。若想让组件传递的事件能被其他页面捕捉到,该参数需设置为TRUE。
分享到:
相关推荐
Flex 组件Flex 组件Flex 组件Flex 组件Flex 组件
Adobe Flex Builder 3 中组件之间的参数传递(主要是给大家学习)
Spring MVC+BlzeDS+Flex框架实践:HelloWorld篇 .docSpring MVC+BlzeDS+Flex框架实践:HelloWorld篇 .doc
Flex各自定义组件事件通讯例子,简单的用户登录和组件之间的跳转!
flex事件flex事件flex事件flex事件flex事件
Flex自定义组件和自定义事件的使用。 Flex自定义组件和自定义事件的使用。
flex 高级自定义组件 需要重写的方法,以及为什么要重写,何时调用等。
Flex4自定义组件 介绍了flex中如何自定义组件以及相关应用
Adobe Flex 2: Training from the Source,看到有不少人在找~~~ 这本没有上传完整,请需要的朋友下载《Adobe Flex 2: Training from the Source(改)》这本~~~
Adobe Flex 4: Training from the Source Volume 1 解压密码:肇庆学院主页地址(www开头的)
Flex4:开发RIA应用程序.pdf Flex4的入门教程
这是原始的库了,里面少了一个针对按下ESC键的处理,这个在使用的时候可以自己加,另外一个问题就是由于这个库是FLEX3的,所以在FLEX4.0或以上的版本(使用的spark主题)的时候,需要修改类里面的Canvas为Group或者...
因为工作原因和个人兴趣原因,刚接触flex,遇到不少问题,这次花了一个早上的时间专门研究了一下组件件的拖拽,呵呵,还是很有成就感的。
详解Flex4的系统组件与基本组件。让你在应用的时候知道用什么.
Flex3组件介绍,包含flex3的所有组件介绍并有例子
flex自定义组件事件DEMO,一个简单的flex自定义组件的demo
Flex3组件拖放教程,该组件是flex组件中最有特色的
支持手动拖拽缩放flex组件的组件,com.janisRadins.zip
很通用的Flex 分页组件,经过本人测试,可以应用到项目中,很方便
flex做拓扑图的组件flex做拓扑图的组件flex做拓扑图的组件