用过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和演示代码写在一起,具体使用的时候可以分开