Ext_数字输入框_Ext.form.NumberField 正则属性梳理

蒂法洛克

于 2018-11-13 18:39:42 发布

阅读量1.1k

点赞数

分类专栏： Ext

Ext 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了Ext.form.NumberField的配置选项，包括允许输入小数、负数、设置数字精度、十进制分隔符、最大最小值及错误提示信息等。通过实例展示了如何使用这些配置创建不同类型的数字输入字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>
---------------------
作者：lulu_jiang
来源：CSDN
原文：https://blog.csdn.net/lulu_jiang/article/details/5473200
版权声明：本文为博主原创文章，转载请附上博文链接！