Ext.net 数字输入框NumberField属性设置

01.<mce:script type="text/javascript"><!--  
02./* 
03.Ext.form.NumberField独有配置表: 
04.allowDecimals             Boolean             是否允许输入小数(默认true) 
05.allowNegative             Boolean             是否允许输入负数(默认true) 
06.baseChars                 String              输入有效数字集合,默认为'0123456789' 
07.decimalPrecision          Number              输入数字精度(默认保留小数点后2位) 
08.decimalSeparator          String              十进制分隔符(默认'.') 
09.maxValue                  Number              允许输入最大数值 
10.maxText                   String              最大值验证失败错误提示信息 
11.minValue                  Number              允许输入最小值 
12.minText                   String              最小值验证失败错误提示信息 
13.nanText                   String              无效数据错误提示信息 
14.*/  
15.  
16.Ext.onReady(function(){  
17.    Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';  
18.      
19.    Ext.QuickTips.init();  
20.      
21.    Ext.form.Field.prototype.msgTarget = 'side';  
22.      
23.    var config = {  
24.        title:'Ext.form.NumberField示例',  
25.        labelSeparator:':',  
26.        labelWidth:80,  
27.        bodyStyle:'padding:5 5 5 5',  
28.        frame:true,  
29.        height:150,  
30.        width:250,  
31.        renderTo:'form',  
32.        items:[  
33.            new Ext.form.NumberField({  
34.                fieldLabel:'整数',  
35.                allowDecimals:false,               //不允许输入小数  
36.                nanText:'请输入有效整数',           //无效数字提示  
37.                allowNegative:false                //不允许输入负数  
38.            }),  
39.            new Ext.form.NumberField({  
40.                fieldLabel:'小数',  
41.                decimalPrecision:2,                 //精确到小数点后2位(执行4舍5入)  
42.                allowDecimals:true,                //允许输入小数  
43.                nanText:'请输入有效小数',  
44.                allowNegative:false  
45.            }),  
46.            new Ext.form.NumberField({  
47.                fieldLabel:'数字限制',  
48.                nanText:'请输入有效数字',  
49.                baseChars:'12345'                   //输入数字范围  
50.            }),  
51.            new Ext.form.NumberField({  
52.                fieldLabel:'数字限制',  
53.                maxValue:100,                       //最大值  
54.                maxText:'值太大',  
55.                minValue:50,                        //最小值  
56.                minText:'值太小'  
57.            })  
58.        ]  
59.    }  
60.      
61.    var form = new Ext.form.FormPanel(config);  
62.});