为EXT写的一个范围选择控件(原创)

用过EXT的人都知道,EXT有column布局可以支持每行放多少列,但是在一个范围选择时,我们经常希望选择范围是一个整体控件,而不是分成两列来做,那样界面很不美观,有时甚至难以对齐,然而EXT没有提供类似的范围控件.因此,在做江西搜才网(http://www.jxscw.com)这个项目时,我们选择了自己开发一个控件.

本控件支持以下几种范围选择

数字(numberfield),时间(datefield),下拉列表(combo)

用法也基本上和普通的field控件一样使用,主要有几点:

在延迟加载时使用

xtype:'rangefield'

指定缺省的范围类型

defaultType:'numberfield'

其余的配置则按照defaultType是什么就按照什么来配置

如:defaultType:'numberfield'时,可以指定 allowDecimals,decimalPrecision,allowNegative等属性,如果是combo是则需要指定store属性,依次类推

以下是效果图:

 

 

这里是下载地址:RangeField.rar

注意:需要ext2.0以上支持,为了方便测试,本示例把CSS,JS和演示代码写在一起,具体使用的时候可以分开