最近用Ext开发项目,全因自己一时头脑发热,引用了这个庞大的类库,所有人员都做后台去了,只我一人独自奋斗在前台。几多欢愁呀!
因项目有点特殊,需要做自定义表单,我当时出的方案是用前台布局用XML来组织,就前台来说保持了最大的灵活性,所有前面布局改动只需编辑对应XML即可。这样注定所有的控件展示全部用的EXT的。(等项目完成后,大概要写一篇如何用XML来动态组织Ext)。
开初,以为Ext自带的控件足够我应该项目的了,越做越发现自己天天与控件奋战,郁闷呀。
借这个发个牢骚,EXT类库太不够意思了,连个自带的DateTime控件都没有。网上广泛流传的一个,有一点BUG,并且感觉使用起来也不是太方便,索性自己拿来改造一下。经过测试应该完美,代码是经过压缩的,使用携带都行方便,居家旅行必备呀!拿来共享吧!下面是演示图片:
(选择小时界面,双击选定回主界面) (选择分界面,双击选定回主界面)
这个改造后控件的主要特定是,有超大的选择小时和分的界面,方面用户双击搞定。如果只是在现在时间上细微调节,可在主界面上左右调节,真是方便呀。
添加几个自己定义属性分别是:
1 prevHourText: "Previous Hour", //显示于调节小时左箭头上的title文字(如图1示)
2 nextHourText: "Next Hour", //显示于调节小时右箭头上的title文字
3 hourText: 'Choose hour', //显示于小时选择界面上顶头说明文字
4 prevMinuteText: "Previous Minute", //显示于调节分钟左箭头上的title文字
5 nextMinuteText: "Next Minute", //显示于调节分钟右箭头上的title文字
6 minuteText: 'Choose minute', //显示于选择分钟界面上顶头的说明文字,后因布局太挤需无用
7
8 hourName: "H", //指示小时文字
9 minuteName: "M", //指示分钟
10
2 nextHourText: "Next Hour", //显示于调节小时右箭头上的title文字
3 hourText: 'Choose hour', //显示于小时选择界面上顶头说明文字
4 prevMinuteText: "Previous Minute", //显示于调节分钟左箭头上的title文字
5 nextMinuteText: "Next Minute", //显示于调节分钟右箭头上的title文字
6 minuteText: 'Choose minute', //显示于选择分钟界面上顶头的说明文字,后因布局太挤需无用
7
8 hourName: "H", //指示小时文字
9 minuteName: "M", //指示分钟
10
这几个属性,都设成了英文显示,可以自己在对应的包中设置,或动态指定,更绝的是你自己把代码改成中文即可!
PS:如有兄弟用到项目中,存在BUG可直接email我!点击下载