热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

走近Flex组件系列(五):数据组件(Dataehoose,DateFiled)与文本组件(Label,Text)

Flex中的日期组件Dataehoose很简单,其功能就是提供一个直观的日期选择界面,比较常用且需要记住的就是他的change事件。Codehighlightingproduced
     Flex中的日期组件Dataehoose很简单,其功能就是提供一个直观的日期选择界面,比较常用且需要记住的就是他的change事件。
1  < mx:DateChooser  x ="263"  y ="19"  showToday ="true"
2      change ="displayDate(DateChooser(event.target).selectedDate)" />
3  < mx:Label  x ="263"  y ="207"  width ="174"  color ="#6D05CE"  id ="lbDate" />

     DateChooser组件的change事件监听着选择的日期改变,可以通过它获取到当前所选择的日期数据,如下:
1  private   function  displayDate( date : Date ):void
2  {
3       if ( date ! = null )
4      {
5          this.lbDate.text = date .getFullYear().toString() + " "
6               + ( date .getMonth() + 1 ).toString() + " "
7               + date .getDate().toString();
8      }
9  }

 

     在Flex中还有另外一个日期组件DateFiled,他提供一个文本字段来显示当前所选择的日期数据,这组件通常应用表单等地方,方便快捷的实现日期录入功能。用法和上面的DateChooser组件基本一致,同样最常用的它的change事件,如下定义:

1  < mx:DateField  x ="543"  y ="10"  change ="dateChange(DateField(event.target).selectedDate)" />

 

     通过dateChange方法实现日期的显示格式(默认为:月/日/年)等,详细如下如示:

1  private  function dateChange(date:Date): void
2  {
3       if (date != null )
4      {
5           this .df.text = date.getFullYear().toString() + " "
6               + (date.getMonth() + 1 ).toString() + " "
7               + date.getDate().toString();
8      }
9  }

 

     运行效果如下图所示:

      

     Flex的文本组件有5个,分别是:Label,Text,TextArea,TextInput,RichTextEditor。关于他们的使用可说的在简单不过了,这里我只是提出没打算作介绍,这些组件在html,asp.net开发中是随处可见的,如果阅读本文的你这些都不知道话,建议你可以转行了。

 

版权说明

  本文属原创文章,欢迎转载,其版权归作者和博客园共有。  

  作      者:Beniao

 文章出处:http://beniao.cnblogs.com/  或  http://www.cnblogs.com/

 


推荐阅读
author-avatar
气质朱总_206
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有