Ext NumberField使用

Ext.onReady(function(){
 Ext.QuickTips.init();
 Ext.form.Field.prototype.msgTarget="side";
 var form = new Ext.form.FormPanel({
  title:"Ext.form.NumberField例子",
  labelSeparator:":",
  labelWidth:60,
  bodyStyle:"padding:5 5 5 5",
  frame:true,
  height:150,
  width:250,
  items:[
   new Ext.form.NumberField({
    fieldLabel:"整數",
    allowDecimals:false,  //不允許輸入小數
    nanText:"請輸入有效數字", //無效數字提示
    allowNegative:false       //不允許輸入負數
   }),
   new Ext.form.NumberField({
    fieldLabel:"小數",
    decimalPrecision:2,  //精確到小數點后2位 
    allowDecimals:true,
    nanText:"請輸入有效數字",
    allowNegative:false
   }),
   new Ext.form.NumberField({
    fieldLabel:"數字限制",
    baseChars:"12345"  // 輸入數字范圍
   }),
   new Ext.form.NumberField({
    fieldLabel:"數值限制",
    maxValue:100,  //最大值
    minValue:50    //最小值
   })
  ]
 });
 new Ext.Viewport({
  title:"",
  items:[form]
 });
});
decimalPrecision會四舍五入。當小數保留2位時，14.23545，焦點離開后會變成 14.24