zoukankan      html  css  js  c++  java
  • 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,
      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

  • 相关阅读:
    better-scroll 介绍
    promise 异步编程
    vue网址路由的实时检测
    浏览器本地存储的使用
    获取元素的位置
    如何设置动画的运动效果
    实现对称加密及非对称公钥加密
    Centos 7系统启动修复
    Centos 7服务启动文件
    内核编译-4.12
  • 原文地址:https://www.cnblogs.com/zhwl/p/3842965.html
Copyright © 2011-2022 走看看