淘汰赛js和全球化

Question

我不知道如何使用淘汰赛 js 和非美国语言环境来处理计算。我的逗号是 , 并且使用 jquery.globalization 插件正确验证，但淘汰计算给我一个 NaN。 knockout js 是否以任何方式支持这一点，或者是否存在任何解决方法？

示例：

使 knockout js 站点上的 cartEditor 示例正常工作，允许数量字段中使用小数值，并允许全球化输入（作为逗号）和输出格式

http://knockoutjs.com/examples/cartEditor.html

我需要它在 asp.net mvc 3 网站上工作，因为我正在使用nb-NO 文化和模型绑定器期望 , 作为逗号符号

Answer 1

我通过编写一个自定义绑定来完成类似的操作，该绑定包装 autoNumeric.js 进行格式化。 (gist)

ko.bindingHandlers.autoNumeric = function ($) {

    function getElementValue(el) {
        return parseFloat(el.autoNumericGet(), 10);
    }

    function getModelValue(accessor) {
        return parseFloat(ko.utils.unwrapObservable(accessor()), 10);
    }

    return {
        init: function (el, valueAccessor, bindingsAccessor, viewModel) {
            var $el = $(el),
                bindings = bindingsAccessor(),
                settings = bindings.settings,
                value = valueAccessor();

            function updateModelValue() {
                value(getElementValue($el));
            };

            $el.autoNumeric(settings);
            $el.autoNumericSet(getModelValue(value), settings);
            $el.change(updateModelValue);
        },
        update: function (el, valueAccessor, bindingsAccessor, viewModel) {
            var $el = $(el),
                newValue = getModelValue(valueAccessor()),
                elementValue = getElementValue($el),
                valueHasChanged = (newValue != elementValue);

            if ((newValue === 0) && (elementValue !== 0) && (elementValue !== "0")) {
                valueHasChanged = true;
            }

            if (valueHasChanged) {
                $el.autoNumericSet(newValue);
                setTimeout(function () { $el.change() }, 0);
            }
        }
    };
}

使用此自定义 autoNumeric 绑定的数据绑定如下所示：

<input data-bind="autoNumeric:amount, settings:{aSign:'
查看 autoNumeric.js 的扩展选项格式化以查看您可以使用这些设置执行哪些操作。
}" />

查看 autoNumeric.js 的扩展选项格式化以查看您可以使用这些设置执行哪些操作。

Answer 2

修改为兼容最新的autoNumeric版本（1.9.x）

(function($) {

    function getElementValue(el) {
        return parseFloat(el.autoNumeric('get'), 10);
    }

    function getModelValue(accessor) {
        return parseFloat(ko.utils.unwrapObservable(accessor()), 10);
    }

    ko.bindingHandlers.autoNumeric = {
        init: function (el, valueAccessor, bindingsAccessor, viewModel) {
            var $el = $(el),
                bindings = bindingsAccessor(),
                settings = bindings.settings,
                value = valueAccessor();

            function updateModelValue() {
                value(getElementValue($el));
            };

            if (settings.pSign === 's') {
                settings.aSign = ' ' + settings.aSign;
            } else {
                settings.aSign = settings.aSign + ' ';
            }

            $el.autoNumeric(settings);
            $el.autoNumeric('set', getModelValue(value));
            $el.change(updateModelValue);
        },
        update: function (el, valueAccessor, bindingsAccessor, viewModel) {
            var $el = $(el),
                newValue = getModelValue(valueAccessor()),
                elementValue = getElementValue($el),
                valueHasChanged = (newValue != elementValue);

            if ((newValue === 0) && (elementValue !== 0) && (elementValue !== "0")) {
                valueHasChanged = true;
            }

            if (valueHasChanged) {
                $el.autoNumeric('set', newValue);
                setTimeout(function () { $el.change() }, 0);
            }
        }
    };
})(jQuery);