Ext.form.field.Number示例

努力奋斗中...

 1 //Ext.form.field.Number示例  
 2     Ext.onReady(function(){
 3         //启动悬窗提示
 4         Ext.QuickTips.init();
 5       Ext.create('Ext.form.Panel',{
 6           title:'Ext.form.field.Number示例',
 7           width:300,
 8           bodyPadding:10,
 9           bodyStyle:'padding:5 5 5 5',
10           defaultType:'numberfield',
11           items:[{
12               fieldLabel:'整数',
13               allowBlank:false,
14               blankText:'不允许为空',
15               allowDecimals:false,//不允许输入小数
16               nanText:'请输入有效的整数',
17               hideTrigger:true//隐藏微调按钮
18               },{
19                       fieldLabel:'小数',
20                       allowBlank:false,
21                       blankText:'不允许为空',
22                       allowDecimals:true,//允许输入小数
23                       decimalPrecision:2,//精确到小数点后两位
24                       nanText:'请输入有效的小数'//nanText：无效数字
25                   },
26                   {
27                       fieldLabel:'数字限制',
28                       allowBlank:false,
29                       blankText:'不能为空',
30                       baseChars:'12345'//输入数字的范围
31                   },{
32                       xtype:'numberfield',
33                       fieldLabel:'数值限制',
34                       allowBlank:false,
35                       blankText:'不能为空',
36                       maxValue:1000,//最大值
37                       minValue:100,//最小值
38                       minText:'最小值至少100',
39                       maxText:'不能超过1000'
40                       }
41           ],
42           renderTo:document.body
43       });
44         
45         
46     });

numberField的数字验证...嘿嘿

posted @ 2013-04-24 10:58  全力以赴001  阅读(569)  评论(0)  编辑  收藏  举报