注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

Flex事件对象入门  

2010-05-02 14:54:47|  分类: Flex4 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

说明:本实验以《Flex实现事件处理程序》为基础,在此基础上我们再添加一个DateChooser控件,并将他们设置为开始日期和结束日期。我们要实现的是,运用事件对象,并加入简单的校验。

1、  首先打开demo.mxml文件,并切换到Design模式下,添加相应控件,效果如下:

Flex事件对象入门 - TEANA - JAVA KEY

2、  切换到Source模式,添加相应ActionScript代码,代码如下:

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx">

    <fx:Script>

        <![CDATA[<!—方法定义-->

            import mx.controls.Alert;

            import mx.events.CalendarLayoutChangeEvent;

            private function showChange(event:CalendarLayoutChangeEvent):void

            {

                Alert.show('您选择的日期是 : ' + event.target.selectedDate.toDateString());

                if((event.target.id == 'endDate') && (startDate.selectedDate > endDate.selectedDate))

                {

                    Alert.show("结束日期应该大于开始日期!");

                }

            }

        ]]>

    </fx:Script>

    <s:Label text="开始日期" x="446" y="171" fontSize="16" color="#F40909"/>

    <mx:DateChooser showToday="true" id="startDate"

                    horizontalCenter="0" verticalCenter="0"

                    change="showChange(event)"/>

    <s:Label text="结束日期" x="662" y="175" color="#EB0909" fontWeight="bold" fontSize="16"/>

    <mx:DateChooser showToday="true" id="endDate"

                    horizontalCenter="219" verticalCenter="0"

                    change="showChange(event)"/><!—方法调用,传入event对象-->

</s:Application>

说明:

①     当一个事件被触发,一个事件对象就创建了,每一个事件都是Event类或者子类的实例,且对特定事件保存了特定的信息。注意:有些属性所有事件都有为标准属性,而还有一些属性只有特定事件才有。把事件对象传递给事件监听器是可选的,如果你想用事件对象,可将其作为参数传递给事件监听器。

②     如果想了解一个事件的基本信息,可以在监听器ActionScript代码处加入一个断点,然后,启动以Debug模式启动程序,然后切换到Variables视图下,查看事件信息。如下:

Flex事件对象入门 - TEANA - JAVA KEY

A:设置断点

Flex事件对象入门 - TEANA - JAVA KEY

B:事件信息

③     通过设置断点,查看事件信息,我们得出事件的子类为CalendarLayoutChangeEvent,由此我们可以设置监听器程序时,确定event对象的类型。

④     通过事件信息我们可以看到target、currentTarget两个对象,这两者我将会在后面的实验中讲到。

最后运行效果如下:

Flex事件对象入门 - TEANA - JAVA KEY

  评论这张
 
阅读(509)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017