`
jacally
  • 浏览: 772161 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

阅读更多
这一次仍然总结一下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
分享到:
评论
8 楼 qiyangyang2010 2010-06-09  
继续加油写些比较实用的
7 楼 qiyangyang2010 2010-06-09  
好的很,继续努力,希望下次记着讲解哈道理,然后我们才会更好的去理解。
6 楼 qiyangyang2010 2010-06-09  
好的很,继续努力,希望下次记着讲解哈道理,然后我们才会更好的去理解。
5 楼 qiyangyang2010 2010-06-09  
好的很,继续努力,希望下次记着讲解哈道理,然后我们才会更好的去理解。
4 楼 qiyangyang2010 2010-06-09  
好的很,继续努力,希望下次记着讲解哈道理,然后我们才会更好的去理解。
3 楼 qiyangyang2010 2010-06-09  
好的很,继续努力,希望下次记着讲解哈道理,然后我们才会更好的去理解。
2 楼 z.cen 2008-07-26  
没用过Flex,准备学习下.
1 楼 z.cen 2008-07-26  
怎么布署和运行啊?

相关推荐

    Flex 开发学习笔记4 - 应用分页列表组件

    Flex开发学习笔记4主要关注的是如何在Flex应用中实现分页列表组件,这对于构建大型数据展示界面至关重要。Flex是一个开源的、基于ActionScript的框架,用于创建富互联网应用程序(RIA)。在这里,我们不仅会探讨Flex...

    Flex 开发学习笔记6.2 - 引用自定义的 Flex Library Project

    这个"Flex 开发学习笔记6.2 - 引用自定义的 Flex Library Project"着重讲解了如何创建和引用这样的库项目。让我们深入探讨这个主题。 首先,Flex Library Project是一种特殊的项目类型,它的目标是生成SWC(Adobe ...

    Flex 开发学习笔记6.1 - 创建 Flex Library Project

    Flex开发学习笔记6.1主要聚焦于创建Flex Library Project,这是一种在Adobe Flex开发环境中构建可重用组件的方式。Flex Library Project允许开发者创建自定义组件,这些组件可以被多个应用程序共享,提高了代码复用...

    flex-tour-de-flex-component-explorer-1.2-308demo

    非常好DEMO参考,这个项目已经转到Apache名下了,最新的版本1.2,308个例子,已经全站打包,搜索:flex-tour-de-flex-component-explorer-1.2-308demo。开源代码http://flex.apache.org/download-tourdeflex.html

    flex-tour-de-flex-component-explorer-1.2-308demo.part2

    非常好DEMO参考,这个项目已经转到Apache名下了,最新的版本1.2,308个例子,已经全站打包,搜索:flex-tour-de-flex-component-explorer-1.2-308demo。开源代码http://flex.apache.org/download-tourdeflex.html

    flex------组件-----数据可视化

    在这个“flex------组件-----数据可视化”主题中,我们将探讨Flex如何帮助开发者创建交互式的数据图表和可视化效果。 Flex框架提供了一套强大的组件库,其中包括用于数据可视化的类和库。这些组件使得开发人员能够...

    flex3读书笔记----flex整合hibernate

    Flex 3 是该框架的一个版本,提供了丰富的组件库、数据绑定以及ActionScript 3.0支持,使得开发人员可以构建具有高度用户体验的前端应用。 2. **BlazeDS**: BlazeDS 是 Adobe 提供的一个开源项目,它允许 Flex ...

    flex-messaging-core-4.7.3.jar

    flex-messaging-core-4.7.3.jar 最新版,下载了好长时间才下载下来,亲测可用!

    flex企业应用开发笔记-数据绑定

    在Flex企业应用开发中,数据绑定是连接UI组件与数据模型的重要机制,使得视图能够自动反映模型的变化,反之亦然。这篇笔记主要探讨的是如何在Flex中实现数据绑定,以及其在实际应用中的作用。 数据绑定是Flex框架的...

    FLEX资源--------PureMVC开发包下载

    **标题解析:** "FLEX资源--------Pure...综上所述,"FLEX资源--------PureMVC开发包下载"提供的内容是一个用于Flex开发的开源MVC框架,其源码可以用于学习和定制,配合相关教程和工具,有助于提升开发效率和代码质量。

    Flex builder 学习学习 2007-10-08

    Flex Builder是Adobe公司推出的一款强大的基于Eclipse的集成开发环境(IDE),专门用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。2007年时,Flex技术正处于快速发展阶段,Flex Builder作为当时...

Global site tag (gtag.js) - Google Analytics