Ext_数字输入框_Ext.form.NumberField

<mce:script type="text/javascript"><!--/*Ext.form.NumberField独有配置表:allowDecimals Boolean 是否允许输入小数(默认true)allowNegative Boolean 是否允许输入负数(默认true)baseChars String 输入有效数字集合,默认为'0123456789'decimalPrecision Number 输入数字精度(默认保留小数点后2位)decimalSeparator String 十进制分隔符(默认'.')maxValue Number 允许输入最大数值maxText String 最大值验证失败错误提示信息minValue Number 允许输入最小值minText String 最小值验证失败错误提示信息nanText String 无效数据错误提示信息*/Ext.onReady(function(){Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';Ext.QuickTips.init();Ext.form.Field.prototype.msgTarget = 'side';var config = {title:'Ext.form.NumberField示例',labelSeparator:':',labelWidth:80,bodyStyle:'padding:5 5 5 5',frame:true,height:150,width:250,renderTo:'form',items:[new Ext.form.NumberField({fieldLabel:'整数',allowDecimals:false, //不允许输入小数nanText:'请输入有效整数', //无效数字提示allowNegative:false //不允许输入负数}),new Ext.form.NumberField({fieldLabel:'小数',decimalPrecision:2, //精确到小数点后2位(执行4舍5入)allowDecimals:true, //允许输入小数nanText:'请输入有效小数',allowNegative:false}),new Ext.form.NumberField({fieldLabel:'数字限制',nanText:'请输入有效数字',baseChars:'12345' //输入数字范围}),new Ext.form.NumberField({fieldLabel:'数字限制',maxValue:100, //最大值maxText:'值太大',minValue:50, //最小值minText:'值太小'})]}var form = new Ext.form.FormPanel(config);});// --></mce:script>