javascript - 如何在 Sencha touch 文本字段中仅允许小数？

Question

我有一个textfield在应用程序中。但此文本字段应允许用户仅输入小数值，并且小数精度应最多为 3。

我永远无法找到解决方案，我在这里找到的所有解决方案和其他解决方案仅适用于 Extjs，不适用于 senchaTouch。

欢迎任何有关 SenchaTouch 相关解决方案或纯 JavaScript 解决方案的帮助。

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(3); // where 3 is your decimal precision value
            return (isNaN(value)) ? '' : value;
        }
    });

祝你好运。