Flex自定义事件

LoginEvent.as

package events
{
    import flash.events.Event;
    import datas.UserInfo;

    public class LoginEvent extends Event
    {
        public function LoginEvent(user:UserInfo,type:String){
            super(type);
            this.user = user;
        }
        public var user:UserInfo;        
    }
}

 

UserInfo.as

 

package datas
{
    public class UserInfo
    {
        public var name:String;
        public var password:String;
    }
}

 

LoginControl.mxml

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="290" height="132">
<mx:Metadata>
    [Event(name="login",type="events.LoginEvent")]
</mx:Metadata>
<mx:Script>
    <![CDATA[
        import datas.UserInfo;
        import events.LoginEvent;
        public function login():void
        {
            var user:UserInfo = new UserInfo();
            user.name = this.txtUser.text;
            user.password = this.txtPassword.text;
            
            var event:LoginEvent = new LoginEvent(user,"login");
            this.dispatchEvent(event);
        }
    ]]>
</mx:Script>
    <mx:Button x="224" y="100" label="Login" click="login()"/>
    <mx:Form x="10" y="10" width="270">
        <mx:FormItem label="User Name:" required="true">
            <mx:TextInput maxChars="10" id="txtUser"/>
        </mx:FormItem>
        <mx:FormItem label="Password:" required="true">
            <mx:TextInput displayAsPassword="true" maxChars="8" id="txtPassword"/>
        </mx:FormItem>
    </mx:Form>
    
</mx:Canvas>

EventTest.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="*" width="360" height="185">
<mx:Script>
    <![CDATA[
        import mx.controls.Alert;
        import datas.UserInfo;
        import events.LoginEvent;
        
        private function loginHandler(event:LoginEvent):void{
            mx.controls.Alert.show(event.user.name +" log in.");
            
        }
    ]]>
</mx:Script>
    <ns1:LoginControl x="27" y="24" login="loginHandler(event)" width="301" height="135">
    </ns1:LoginControl>
    
</mx:Application>

评论

4 楼 qiyangyang09 2011-01-14  

非常感谢。我太菜了，现在才知道。

3 楼 fhuan123 2010-12-09  

qiyangyang09 写道

请教：
     我自定义了一个工具（里面一个文本框和一个下拉框，当下拉框下拉选择只，就会自导在文本框中显示相应的值）但是我在MXML中引用了这个工具，但是我想获取当文本框的值改变时候触发一个事件，这个事件是调用某个方法。

1、在你的控件的声明一个事件（此事件是一个自定义事件，为的是放一些你想传递的东西）
2、在你的引用控件的页面监听这个控件中的时间
3、在textinput发生变化的change事件中dispochEvent中抛出事件的实例出来
4、然后在你的parent的页面的监听事件的方法中捕获就可以了。

2 楼 qiyangyang09 2010-12-03  

我的邮箱：[e-mail]，谢谢！

1 楼 qiyangyang09 2010-12-03  

请教：
     我自定义了一个工具（里面一个文本框和一个下拉框，当下拉框下拉选择只，就会自导在文本框中显示相应的值）但是我在MXML中引用了这个工具，但是我想获取当文本框的值改变时候触发一个事件，这个事件是调用某个方法。