玩熊的

上一篇中用到的_MonthPicker

shatuo — Fri, 23 May 2008 11:13:32 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/195946 发表时间: 2008年05月23日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

这个可视化编辑器真是气人，经常将我编辑好的代码弄乱，上传文件也有些问题。

这个选择月的控件是仿照dojo的_Calendar做的，也是一个字，“差”，是用来拍砖的靶子。

if(!dojo._hasResource["bad.form._MonthPicker"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["bad.form._MonthPicker"] = true;
dojo.provide("bad.form._MonthPicker");

dojo.require("dojo.cldr.supplemental");
dojo.require("dojo.date.locale");

dojo.require("dijit._Widget");
dojo.require("dijit._Templated");

dojo.declare(
	"bad.form._MonthPicker",
	[dijit._Widget, dijit._Templated],
	{		
		templateString: "\n\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t\n\t\t\t\n\t\t\n\t\n\t\n\t\t\t\t-\n\t\t\t \n\t\t\t\t
\n\t\t\t\t
\n\t\t\t \n\t\t\t\t+
\n\t\t\t
\t\n",	
		
		/**@param:{Date}_MonthPicker的值*/
		value: "",
		
		/**@param: 用来显示的连接符*/
		flag: "",
		
		/**@param: 用来显示的值*/
		displayValue: new Date(),	
		
		
		/** @attr: 显示宽度，默认为wide */
		monthWidth: "wide",
		
		/**@method: 设置用来显示的连接符*/
		setFlag: function(flag)
		{
			this.flag=flag;
		},
		
		/**@method: 设置显示值
		*@param: value需要显示的值
		*/
		setValue: function(/*Date*/ value)
		{
			if(!this.value || dojo.date.compare(value, this.value))
			{				
				value=new Date(value).setDate(10);								
				this.displayYear =new Date(value);				
				this.value=new Date(value);
				//this.value.setHours(0,0,0,0);		
				this.onChange(this.value);
				this._populateGrid();
			}
		},
		
		/** @method: 将日期制转换为显示值
		*@param: 待转换的值
		*@return: 用来显示的值
		*/
		getDisplayValue: function(value)
		{
			var showValue="";
			var yearValue=value.getFullYear();
			var monthValue=value.getMonth();
			showValue=yearValue+this.flag+monthValue;	
			return showValue;
		},		
		
		
		/**@method: 给节点文本赋值
		*@param:{Object}node,{String}text
		*/
		_setText: function(node,text)   
		{			
			while(node.firstChild)
			{
				node.removeChild(node.firstChild);
			}		
			node.appendChild(document.createTextNode(text));
		},

		/** @method: 弹出窗口*/
		_populateGrid: function()
		{
			var year = this.displayYear.getFullYear();	
			
			var today = new Date(new Date(new Date().setDate(10)).setHours(0,0,0,0));
			//为了防止格式化时被补零，特设一个不会被补零的值
			;
			/*月份0表示1月,11表示12月*/
			var monthNum=-1;
				//得到国际化过的月份值
			var monthNames = dojo.date.locale.getNames('months', 'wide', 'standAlone', this.lang);				
			var selected = this.value.setDate(10);
		
			
			/*查找月份节点，进行赋值*/	
			dojo.query(".dijitCalendarMonthTemplate", this.domNode).forEach(function(label, i){						
				var clazz="";	
				monthNum++;		
				var isAddClass=false;
				var date = new Date(year,monthNum,10);										
				//比较是不是现在的月份				
				if(dojo.date.compare(date,today)==0)
				{									
					clazz = "dijitMonthPickCurrentMonth " + clazz;				
					isAddClass=true;
				}
				//比较是不是选择的月份				
				if(dojo.date.compare(date,selected)==0){					
					clazz = "dijitCalendarSelectedMonth " + clazz;					
					isAddClass=true;
				}								
				if(!isAddClass)
				{
					if(dojo.hasClass(label,"dijitMonthPickCurrentMonth"))
					{
						dojo.removeClass(label,"dijitMonthPickCurrentMonth");
					}
					if(dojo.hasClass(label,"dijitCalendarSelectedMonth"))
					{
						dojo.removeClass(label,"dijitCalendarSelectedMonth");
					}
				}
				label.className =  clazz + " dijitCalendarMonthTemplate";			
				label.dijitDateValue = date.valueOf();
				//this._setText(label, monthNames[i]);	
				var template = dojo.query(".dijitPickerMonthLabel", label)[0];
				this._setText(template, monthNames[i]);
			}, this);
			
			/*对年赋值*/					
			var y = year;
			this._setText(this["yearLabelNode"],year);
			var _this = this;
			var typematic = function(nodeProp, dateProp, adj){
				dijit.typematic.addMouseListener(_this[nodeProp], _this, function(count)
				{
					if(count >= 0){	_this._adjustDisplay(dateProp, adj); }
				}, 0.8, 500);
			};
			typematic("incrementYear", "year", 1);
			typematic("decrementYear", "year", -1);
		},
		
		/**@method: 渲染*/
		postCreate: function()
		{
			bad.form._MonthPicker.superclass.postCreate.apply(this);
			var cloneClass = dojo.hitch(this, 
				function(clazz, n)
				{
					var template = dojo.query(clazz, this.domNode)[0];
		 			for(var i=0; i
 
          

          
            本文的讨论也很精彩，浏览讨论>>
          
          



          JavaEye推荐
          

          搜狐网站诚聘Java、PHP和C++工程师
JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
北京: 千橡集团暨校内网诚聘软件研发工程师

改造dojo 日期控件

shatuo — Fri, 23 May 2008 10:45:07 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/195926 发表时间: 2008年05月23日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

if (!dojo._hasResource["bad.form.DateBox"]) { //_hasResource checks added by build. Do not use _hasResource directly in your code.
    dojo._hasResource["bad.form.DateBox"] = true;
    dojo.provide("bad.form.DateBox");    
    
    dojo.require("dijit._Calendar");
    dojo.require("dijit.form.TimeTextBox");
    dojo.require("bad.form._MonthPicker");   
    dojo.require("dojo.date.locale");     
    
    dojo.declare("bad.form.DateBox", [dijit.form.TimeTextBox], {
        /** @attr: 弹出窗口类型  */
        _popupClass: "dijit._Calendar",
        
        /** @attr: {String}日期类型 
        * @example yyyy_MM_dd   其中MM要大写        
        */
        datePattern: "",
        
        /** {String } */
		_pattern: "",
				        
        /**@attr: 年的开始位*/
        _yearStart:"",
        
		/**@attr: 年的结束位*/
        _yearEnd:"",
        
        /**@attr: 月的开始位*/
        _monthStart:"",
        
        /**@attr: 月的结束位*/
        _monthEnd:"",
        
        /**@attr: 日的开始位*/
        _dateStart:"",
        
        /**@attr: 日的结束位*/
        _dateEnd:"",
        
        /**@attr: 存储用户提示信息*/
        _currentMessage: "请输入正确的日期",
        
        /**@attr: {Boolean} 是否显示day 为{false}时不显示，为{true}时显示  */
        showDay: "",        
        
        
        /**@attr: 日期可以显示的初始值*/
		firstValue:'', 	
		
       
        /**@method将目前this.textbox.value进行格式化*/
        formatInput: function()
        {       	    		
	        var value=this.getFormatDate();
	        if(value instanceof Date)  
	        {  	
	            this.setValue(value);  	            
        	}
        }, 
        
        /**   当文本框失去焦点事件*/
        _runBlur: function()
        {        	
        	this.formatInput(); 
        	this.onChange(this.textbox.value);       	
        },
        
        /** @method: 将参数或者目前显示的数字格式化，如果显示中数字位数超过6且显示天数，则将字符截取为yyyy（M）M（d）d 		 
        * @return: {Date} 
        * @remind: 可以自己添加返回值，比如判断现有的值无法转化，返回false，等等。
         */
        getFormatDate: function(value)
    	{    		
    		if(!value)
    		{
            	value = this.textbox.value;
    		}           
            if (typeof value == "string") 
            {
                var numValue = "";
                value.replace("-", "");
                var stringArray = value.split("");                
                //取得value中的数字			
                for (var i = 0; (i < stringArray.length && (this.showDay ? numValue.length < 8 : numValue.length < 6)); i++) {                   
                    if (!isNaN(stringArray[i])) {
                        numValue += stringArray[i];
                    }
                }
                //如果显示day                
                if (this.showDay) {                	
                    if (numValue.length == 8) 
                    { 	
                        return new Date(numValue.slice(this._yearStart, this._yearEnd), numValue.slice(this._monthStart, this._monthEnd) - 1, numValue.slice(this._dateStart, this._dateEnd));
                    }
                    if (numValue.length == 7)
                    {
                        return new Date(numValue.slice(this._yearStart, this._yearEnd), numValue.slice(this._monthStart, this._monthEnd-1) - 1, numValue.slice(this._dateStart-1, this._dateEnd));
                    }
                    if (numValue.length == 6) 
                    {
                        return new Date(numValue.slice(this._yearStart, this._yearEnd), numValue.slice(this._monthStart,this._monthEnd-1) - 1, numValue.slice(this._dateStart-1, this._dateEnd-1));
                    }
                } else {
                    if (numValue.length == 6) {
                        return new Date(numValue.slice(this._yearStart, this._yearEnd), numValue.slice(this._monthStart, this._monthEnd) - 1);
                    }
                    if (numValue.length == 5) {
                        return new Date(numValue.slice(this._yearStart, this._yearEnd), numValue.slice(this._monthStart,this._monthEnd-1) - 1);
                    }
                }                
            }              		
    	},    
               
        
        /**@member: 扫描datePattern，获得年月(日)的位置*/
        scanPattern: function()
        {        
        	this._pattern="";        	
        	for(var i=0;ithis._monthEnd?(this._yearEnd>this._dateEnd? this._yearEnd:this._dateEnd):(this._monthEnd>this.dateEnd? this._monthEnd:this._dateEnd);
            console.log("length is "+size);
            for(var i=0;i=this._yearStart&&i=this._monthStart&&i=this._dateStart&&i= 6) 
				{				
                    //setValue的类型为Date对象方能成功
                    v[0]=new Date();                                   
                    v[0]=this.getFormatDate(value);                     	                                       
                }
            }   
            console.log("v[0] is "+v[0]);
            console.log(v[0] instanceof Date&&v[0].getFullYear());            
            this.inherited("setValue", arguments, v);        
            if(v[0] instanceof Date&&v[0].getFullYear())
            {           	
            	//var testValue=dojo.date.locale.format(v[0],this._pattern);            	
            	if(this._lastValue!=this.textbox.value)
            	{            		
            		this._lastValue=this.textbox.value;
            		console.log("_lastValue is "+this._lastValue);
            	}
            }             
        }        
    });
}

原先改写了下dojo的日期控件，没太用心，做个反面例子。

代码如下，上级文件夹“包”叫bad.form，具体对象名字为“DateBox”

bad.form.DateBox

属性

属性名	类型	默认值	描述
Id	String	无	组件标识
jsId	String	无	通过jsId可以获得控件对象
_popupClass	String	"dijit._Calendar"	弹出窗口类型
datePattern	String	“yyyy-MM-dd”	设置日期格式
dateValue	Date	new Date()即此时此刻	日期值

备注

目前_popupClass可选类型为"dijit._Calendar"和”bad.form._MonthPicker”两种，前一种完整显示年月日，后一种只显示年月。

datePattern设置日期验证的格式以及正确日期的显示格式以及按回车键对现有字符串中数字进行格式化的格式。可以设为”*yyyy*MM*dd*”或者”*yyyy*MM*”其中*可以代表除英文字符以外的任意字符串，MM必须要大写，如果datePattern为”*yyyy*MM*”，则_popupClass会变为_popupClass。

方法

方法名	参数	返回值	描述
setValue	{String or Date}value	无	对控件赋值
getValue	无	String	获取控件的值
_open	无	无	弹出窗口
_close	无	无	关闭窗口

备注

setValue要求参数为Javascript的内置对象Date或者能转化为Date的String（如2000-10-11 00:00:00:0）

getValue默认返回形如"yyyy-MM-dd"的String，此方法可以重写,以需要的格式将值返回。

事件

事件名	参数	返回值	描述
onValueChange	{Date}newValue,{Date}oldValue	无	值改变事件

本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

准备考研了

shatuo — Mon, 05 May 2008 10:19:54 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/189613 发表时间: 2008年05月05日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

觉的做软件太累，对我个人而言没有什么乐趣，准备转行，昨天跟家里人商量，还是考研吧，买了陈文灯的《复习指南》，做了几十页的题，习题也没有传说中的难度，看来大一的高数底子现在还有，什么积分、微分一下子都想起来的，为了换一个行业，努力加油吧，引用一首诗“黄沙百战穿金甲，不破楼兰终不还”。

本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

Dojo 的单元测试框架D.O.H的使用

shatuo — Wed, 16 Apr 2008 17:01:49 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/183453 发表时间: 2008年04月16日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

     刚刚接触doh时，发现doh的主要js文件-runner.js的中有很多的方法的实现和dojo相同，查看了dojo的官方文档，原来doh可以不依赖dojo单独使用，不过使用起来变得复杂不少，脱离dojo，不能够使用dojo.require将js文件引入，需要注意路径问题。
     配置doh的方法比较简单，只要在测试页面中引入util.doh包下的runner.js ，使用doh.register将测试代码注册到doh中，再调用doh.run即可进行测试了。
     在测试中用到最多的是doh的doh.is(即doh. assertEqual)方法，这个方法是断言，还有通过测试doh.t（即doh.assertTrue），以及失败测试doh.f （即doh.assertFalse），和异常测试doh.e （即doh.assertError）。 doh可运行在多种容器中，能运行的环境不限于浏览器。
     本次被测试的组件运行环境为浏览器，容器自然也是浏览器。执行测试页面的head中加入如下代码。

其中url中的../../util/doh/runner.html 设置doh的路径; testModule为自己写的测试用例路径，和dojo.require的路径写法一样.
打开这个页面就会跳到doh的页面，执行真正的测试了。

本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

js的Date对象以及dojo的Date对象

shatuo — Wed, 16 Apr 2008 13:56:45 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/183366 发表时间: 2008年04月16日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

1) js内置Date类
javascript内置Date类基于Java中的java.util.Date类的早期版本，把日期存储为距离UTC时间（格林尼治标准时间）1970年1月1日凌晨零点的毫秒数，使用Date.valueof()就可以查看这个数值。
每个Date有如下属性。
1. 年
2. 月，值为0-11,0表示一月
3. 日
4. 时
5. 分
6. 秒

创建新的Date对象

var date=new Date(); //创建表示当前日期的Date对象
	var date=newDate(2008,0,1); //创建表示2008年1月1日的Date对象。

设置和获取日期值的某部分方法。
1. setFullYear(/*Number*/year) 设置年，参数为4位数字
2. getFullYear() 获得年，返回4位数字s
3. setMonth(/*Number*/month) 设置月
4. getMonth() 获得月(0-11)
5. setDate(/*Number*/date) 设置日
6. getDate() 获得日

2) dojo.date
这个类提供以下方法.
1. dojo.date.compare(/*Date*/date1,/*Date*/date2)
这个方法用来比较两个Date对象是否相等，如果date1和date2表示的Date对象相同返回0，如果date1表示的Date对象在时间轴上位置ate2之后，返回1，否则返回-1；
2. dojo.date.add (/*Date*/date,/*Numer*/ interval,/*Number*/ amount)
这个方法用来改变Date对象表示的日期，其中interval表示Date对象改变的类型，包括年、季度、月、周数、星期几、日、时、分、秒。

3) dojo.date.locale
这个类提供以下方法。
1. dojo.date.locale.formatPattern(/*Date*/dateObject, /*Array*/bundle, /*String*/pattern)
这个方法可以将Date对象按照指定的格式(pattern)和配置(bundle)转换为字符串形式
2. dojo.date.locale.format(/*Date*/dateObject, /*Object?*/options)
这个方法可以将将Date对象按照配置(主要是国际化,如options.localzh中包含代表中文的zh字符，则会在结果中显示中文字符年、月、日)转化为字符串形式
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

dijit控件生命周期分析

shatuo — Wed, 16 Apr 2008 13:54:13 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/183362 发表时间: 2008年04月16日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

所有的基于dijit的widget共同父类为dijit._Widget，由于javascript先解析父类在解析继承的子类javascript继承机制，dojo机制下的所有widget会按照以下顺序完成自身js对象生成以及dom对象的渲染。
1) postscript
2) create
3) postMixInProperties
4) buildRendering
5) postCreate
6) startup
在解析widget时，dojo会生成一个新建一个widgetset对象dojo.registry用来管理widget，dojo.registry中的属性_hash用来保存widget，如果widget有id这个属性可以通过dojo.registry.add(widget)方法将widget放到_hash中，如果没有id或者id重复，这也是id在html中必须设置的原因。接下来我们就可以使用dijit.byId(也就是dojo.registry.byId)获取widget的js对象。
这个地方的代码为。

// dijit.WidgetSet包含所有拥有唯一id的widget对象
dojo.declare("dijit.WidgetSet", null, {
    //构造器，初始化this._hash
	constructor: function(){
		// summary:
		//	A set of widgets indexed by id
		this._hash={};
	},

	//注册,id冲突会失败
	add: function(/*Widget*/ widget){
		if(this._hash[widget.id]){
			throw new Error("Tried to register widget with id==" + widget.id + " but that id is already registered");
		}
		this._hash[widget.id]=widget;
	},
	
	//根据id移除
	remove: function(/*String*/ id){
		delete this._hash[id];
	},

    //通过这个可以遍历现有的widget
	forEach: function(/*Function*/ func){
		for(var id in this._hash){
			func(this._hash[id]);
		}
	},
     
    //通过此方法可以查询到满足条件的widget集合
	filter: function(/*Function*/ filter){
		var res = new dijit.WidgetSet();
		this.forEach(function(widget){
			if(filter(widget)){ res.add(widget); }
		});
		return res;		// dijit.WidgetSet
	},
     
     //根据id获取widget对象
	byId: function(/*String*/ id){
		return this._hash[id];
	},
     
    //可以获取同一类型的widget
	byClass: function(/*String*/ cls){
		return this.filter(function(widget){ return widget.declaredClass==cls; });	// dijit.WidgetSet
	}
	});

dijit.registry = new dijit.WidgetSet();     //dijit.registry用来管理widget对象

本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

错误的选择创建主键方式

shatuo — Fri, 29 Feb 2008 16:37:59 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/166189 发表时间: 2008年02月29日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

由于经验的不足，在设计数据库时，将表UP_CATEGORY_CATEGORY的主键交由Spring维护，之前设计可以实现方法如下。
 Oracle数据库
先在数据库建立一个自增序列。

create sequence seq_post_id
increment by 1
start with 1;

同时在Spring的配置文件中，增加一个Spring的自增键管理bean- org.springframework.jdbc.support.incrementer. OracleSequenceMaxValueIncrementer，设置数据库的自增序列名，在需要获取主键时，生成一个org.springframework.jdbc.support.incrementer.DataFieldMaxValueIncrementer类的实例，再通过调用这个实例的nextIntValue方法，获得主键。
 Mysql数据库
需要再建一个表，新建一列，作为主键值的容器，同时在Spring的配置文件中加入Mysql的自增键管理bean- org.springframework.jdbc.support.incrementer.MySQLMaxValueIncrementer，同时设置数据库自增键表的表名，列名，获得主键的方法和Oracle一样。
以上设计存在如下问题。
 对数据库特性依赖比较高。
 不同数据库的配置也不同，不能一劳永逸。
在测试时发现在oracle数据库下不能通过工具生成需要的子增减序列，之前的设计全落空了，只能另寻出路了，这时获得两个建议，从DRM中取得主键，另一个使用Java的内置方法，只要获得一个不重复的值即可。由于持久层改造成DRM管理尚未完成，所以采用了第二个方案，具体实现如下。

import java.rmi.server.UID;
String uid=new UID().toString();   
uid=uid.replaceAll(":", "");

这里使用一个JDK内置类java.rmi.server.UID，它的作用是生成一个字符串序列，对产生它的主机来说为唯一的标识符，生成的值恰是可以作为主键，用这样的方法获得主键，解决了Spring管理带来的那两个问题。
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

一些细节总结

shatuo — Thu, 28 Feb 2008 12:39:32 +0800

作者: shatuo 链接：http://shatuo.javaeye.com/blog/165698 发表时间: 2008年02月28日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

java.rmi.server.UID这个类可以生成唯一标识的机器代码，可以用来做数据库表中的主键。生成的数据中包含“:”需要去掉。

String num=new UID().toString();
num=num.replaceAll(":", "");

Javascript 的一些方法可以通过如下方式执行。

//构造器
function Book (name, author, page) {
this.name = name;
this.author = author;
this.page = page;
}
var abook = new Book("JavaScript is Cool", "tom", 514);

// 增加一个原型属性
Book.prototype.getInfo = getInfo;
function getInfo() {
return this.name + " written by " + this.author + " with " + this.page + " pages";
}
//执行方法
alert(abook.getInfo());

input中的maxlength长度限制对英文字符有效，如果其中有中文的话，需要自己编写函数处理。可以通过判断charCode的值大小来区分中英文字符,大于255的为中文字符；否则为英文字符。
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐