这一次仍然总结一下Flex Component 组件的开发,在Flex
开发学习笔记3中开发的是一个分页列表的组件,是通过Flex MXML 的定义实现的,这次我来通过Flex 的 ActionScript 来定义一个组件,其实是通过继承的方式实现了一个新的类。
在Flex的组件库中,DateFiled定义了一个选择日期的输入框,默认是英文环境,如果要设置为中文的月份与星期,需要作以下的设置:
<mx:DateField id="dateField1" yearNavigationEnabled="true"
dayNames="['日','一','二','三','四','五','六']"
monthNames="['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']"
formatString="YYYY-MM-DD"/>
如果日期输入的地方比较多,需要每一个DateFiled都要这样定义,应该定义一个适应不同语言环境的日期组件,通过引用这个组件自动设置当前的日期选择。以下就是通过Flex的ActionScript自定义的DateFieldLocal代码,比较简单:
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;
}
}
}
}
}
对这个组件的引用:
<user:DateFieldLocal id="dateField2" locale="zh_CN"/>
目前还没有作到根据客户机的语言环境自动设置,如何获得客户机的语言环境信息?还希望有知道的达人给指点一下。
附件中有demo代码。
- test.rar (844.5 KB)
- 描述: 安装了 Flex Builder 插件的Eclipse项目工程
- 下载次数: 400
分享到:
相关推荐
安装了Flex插件的Eclipse项目工程 博文链接:https://lib.iteye.com/blog/202883
flex3读书笔记----flex整合hibernate
非常好DEMO参考,这个项目已经转到Apache名下了,最新的版本1.2,308个例子,已经全站打包,搜索:flex-tour-de-flex-component-explorer-1.2-308demo。开源代码http://flex.apache.org/download-tourdeflex.html
非常好DEMO参考,这个项目已经转到Apache名下了,最新的版本1.2,308个例子,已经全站打包,搜索:flex-tour-de-flex-component-explorer-1.2-308demo。开源代码http://flex.apache.org/download-tourdeflex.html
本章实例源码 博文链接:https://lib.iteye.com/blog/209792
这个Flex Library Project的源码 博文链接:https://lib.iteye.com/blog/209774
flex特效学习,提供了很多Flex组件-行为与特效类组件
Flex builder 学习学习 2007-10-08Flex builder 学习学习 2007-10-08Flex builder 学习学习 2007-10-08
1 5 跟我StepByStep学FLEX教程------ActionScript3(原创) 1 6 跟我StepByStep学FLEX教程------Demo1之开始(原创) 1 7 跟我StepByStep学FLEX教程------Demo2之类(原创) 1 8 跟我StepByStep学FLEX教程------...
NULL 博文链接:https://z466459262.iteye.com/blog/901464
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记