巧妙运用NumberField

最新推荐文章于 2022-04-08 06:49:33 发布

最新推荐文章于 2022-04-08 06:49:33 发布 · 505 阅读

文章标签：

#EXT

Ext 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了如何利用Ext.form.NumberField组件来实现数字输入的精确控制。通过设置不同属性如minValue、maxValue和decimalPrecision等，可以限定字段只接受指定范围内的整数或浮点数，适用于各种应用场景。

巧妙运用NumberField:

只允许字段输入数字.
var schedule=new Ext.form.NumberField({
    fieldLabel: 'Schedule',
    name: 'schedule',
    decimalPrecision :0,
    allowBlank:false,
    width:60
});

只允许字段100以内的数字.
var schedule=new Ext.form.NumberField({
    fieldLabel: 'Schedule',
    name: 'schedule',
        minValue: 1,
        maxValue:100,
    decimalPrecision :0,
       // emptyText: '__%',
    allowBlank:false,
    width:60
});
1-100的数字.自动小数点后两位补齐.(属性在numberfield 中默认是这样)
var schedule=new Ext.form.NumberField({
    fieldLabel: 'Schedule',
    name: 'schedule',
        minValue: 1,
        maxValue:100,
    allowBlank:false,
    width:60
});