Flex 开发学习笔记5 - Flex Component 组件开发 - 时间选择

这一次仍然总结一下Flex Component 组件的开发,在Flex [url="http://lib.iteye.com/blog/202385"]开发学习笔记3[/url]中开发的是一个分页列表的组件,是通过Flex MXML 的定义实现的,这次我来通过Flex 的 ActionScript 来定义一个组件,其实是通过继承的方式实现了一个新的类。

[img]http://lib.iteye.com/upload/picture/pic/15909/26ad9e73-2eea-30b1-ac0e-f8e4a8e05482.jpg[/img]

在Flex的组件库中,DateFiled定义了一个选择日期的输入框,默认是英文环境,如果要设置为中文的月份与星期,需要作以下的设置:

<mx:DateField id="dateField1" yearNavigationEnabled="true"
dayNames="['日','一','二','三','四','五','六']"
monthNames="['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']"
formatString="YYYY-MM-DD"/>


如果日期输入的地方比较多,需要每一个DateFiled都要这样定义,应该定义一个适应不同语言环境的日期组件,通过引用这个组件自动设置当前的日期选择。以下就是通过Flex的ActionScript自定义的DateFieldLocal代码,比较简单:
[code]
package simples.date
{
import mx.controls.DateField;

public class DateFieldLocal extends DateField
{

/** 中文环境标识 **/
public static var LOCAL_ZH_CN:String = "zh_CN";

public function DateFieldLocal()
{
super();
}

private var _locale : String;

public function get locale():String{
return _locale;
}

public function set locale(value:String):void{
this._locale = value;

//
initLanguage();
}

private function initLanguage():void{

if(_locale && _locale.length >0){
switch(_locale){

case LOCAL_ZH_CN:
dayNames=['日','一','二','三','四','五','六'] ;
monthNames=['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'];
this.formatString="YYYY年MM月DD日";
break;

//case "zh_HK":
//break;
//default:
//break;
}
}
}

}
}
[/code]

对这个组件的引用:
[code]
<user:DateFieldLocal id="dateField2" locale="zh_CN"/>
[/code]

目前还没有作到根据客户机的语言环境自动设置,如何获得客户机的语言环境信息?还希望有知道的达人给指点一下。
附件中有demo代码。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值