博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
50.Ext_数字输入框_Ext.form.NumberField
阅读量:6180 次
发布时间:2019-06-21

本文共 1374 字,大约阅读时间需要 4 分钟。

转自:https://blog.csdn.net/inflaRunAs/article/details/84033618

<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>

你可能感兴趣的文章
oauth2开放认证协议原理及案例分析
查看>>
PO Approve Script
查看>>
ruby符号的应用
查看>>
mysql 中数据库参照完整性设定
查看>>
数据库范式
查看>>
学习动态性能表(13)--v$open_cursor
查看>>
网络请求时 返回 App Transport Security has blocked a cleartext HTTP
查看>>
彩票排列计算
查看>>
ps命令详解
查看>>
HDOJ-3785 寻找大富翁(优先队列)
查看>>
HTTP状态码(HTTP Status codes)简介
查看>>
文档生产工具 Doxygen
查看>>
设计模式(一): abstract factory抽象工厂模式 -- 创建型模式
查看>>
【剑指offer】二叉树中和为某一值的路径
查看>>
PowerDesigner(一)-PowerDesigner概述(系统分析与建模)(转)
查看>>
Thrift RPC框架介绍
查看>>
使用InstallUtil对Windows服务进行安装与卸载
查看>>
三个摘要
查看>>
Valgrind 3.11.0编译安装
查看>>
工欲善其事必先利其器——dreamweaver
查看>>