javascript - Sencha Extjs 6 如何禁用数字字段中的小数输入

Question

我需要在 sencha extjs 6 中使用 numberfield，但默认情况下 numberfield 允许十进制输入。我的应用程序不需要十进制输入我尝试过 allowDecimals: false, 它可能适用于文本字段。有什么配置或方法可以禁用输入吗？ 注意:在 PC 中，我可以编写方法来防止它，但我的应用程序正在移动设备上运行，因此，我不知道它。谢谢。

Answer 1

我强烈建议您在这种情况下使用 numberfield。当然，这将接受桌面浏览器中的所有字符。但您会发现它仅通过显示数字键盘来接受移动设备中的数字。

现代版本的 Sencha Touch 框架不提供十进制精度参数...但有一种方法可以克服这个问题。只需将这些行放在设置数字字段的值之前即可。

Ext.form.Number.override ({

    applyValue : function(value){
        var minValue = this.getMinValue(),
            maxValue = this.getMaxValue();

        if (Ext.isNumber(minValue) && Ext.isNumber(value)) {
            value = Math.max(value, minValue);
        }

        if (Ext.isNumber(maxValue) && Ext.isNumber(value)) {
            value = Math.min(value, maxValue);
        }

        value = parseFloat(value).toFixed(0); // where 0 is your decimal precision value
        return (isNaN(value)) ? '' : value;
    }
});

在此示例中您可以看到实现:

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.form.Number.override({

            applyValue: function (value) {
                var minValue = this.getMinValue(),
                    maxValue = this.getMaxValue();

                if (Ext.isNumber(minValue) && Ext.isNumber(value)) {
                    value = Math.max(value, minValue);
                }

                if (Ext.isNumber(maxValue) && Ext.isNumber(value)) {
                    value = Math.min(value, maxValue);
                }

                value = parseFloat(value).toFixed(0); // where 0 is your decimal precision value
                return (isNaN(value)) ? '' : value;
            }
        });
        Ext.create({
            xtype: 'window',
            width: 200,
            height: 200,
            items: [{
                xtype: 'numberfield'
            }]
        }).show();
    }
});

Here is a working fiddle