当解析的数字等于当前值时,自定义绑定不会更新

Custom binding won`t update when the parsed number equals the current

当输入一个解析为已经 entered/parsed 的整数的浮点数时,敲除绑定不会更新输入。

将输入更改为另一个数字或清除输入有效。但我需要它适用于所有数字。

非常感谢所有帮助

我试过也试过

.extend({notify: 'always'})

运气不好

第一个输入:11.11 -> 11

第二个输入:11.20 -> 11.20

绑定:

ko.bindingHandlers.integer = {
        init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var maxInt = 2147483647;

            var bindings = allBindingsAccessor();

            var valueUpdate = bindings.valueUpdate;
            var defaultValue = null;
            var observable;
            var accessor = (bindings == undefined ? valueAccessor() : bindings.integer);


            if (typeof (accessor) != "function" && typeof (accessor) != "number") {
                observable = accessor.value;
                defaultValue = accessor.default;
                maxInt = accessor.maxValue != null ? accessor.maxValue : maxInt;
            } else {
                observable = accessor;
            }
            var interceptor = ko.computed({
                read: function () {
                    var value = ko.isObservable(observable) ? observable() : observable;
                    if (value === null || value === undefined) return defaultValue;

                    return BindingHelpers.formatWithThousandSeparators(value);
                },
                write: function (newValue) {
                    newValue = newValue.replace(/\s/g, '');
                    var v = BindingHelpers.reverseFormat(newValue, defaultValue);
                    v = (v*1).toFixed(0);

                    if (v > maxInt)
                        v = maxInt;
                    observable(v);
                }

            });

            if (element.tagName === 'INPUT')
                ko.applyBindingsToNode(element, {
                    value: interceptor,
                    valueUpdate: valueUpdate
                });
            else
                ko.applyBindingsToNode(element, {
                    text: interceptor
                });
        }
    };

视图模型:

self.addEnergy= function () {
    self.energy.push({
        Source: ko.observable(""),
        Target: ko.observable(""),
        Effect: ko.observable(0)               
            .extend({ max: { params: 1500, message: '' } })
            .extend({ min: { params: 1, message: ''} }),
        Id: ko.observable(""),
        Enabled: ko.observable(true)

    });
};

Html

//Code emited

<td class="text-center has-feedback" data-bind="css: {'has-error': !Effect.isValid()}">
<input type="text" class="edit form-control text-right" data-bind="integer: Effect, visible: Enabled" />
<label class="read" data-bind="integer: Effect, visible: !Enabled()"></label>
</td>

尝试将 interceptor.notifySubscribers(); 添加到写入函数的末尾。

var interceptor = ko.computed({   
    read: function () {
        var value = ko.isObservable(observable) ? observable() : observable;
        if (value === null || value === undefined) return defaultValue;

        return BindingHelpers.formatWithThousandSeparators(value);
    },
    write: function (newValue) {
        newValue = newValue.replace(/\s/g, '');
        var v = BindingHelpers.reverseFormat(newValue, defaultValue);
        v = (v*1).toFixed(0);

        if (v > maxInt)
            v = maxInt;
        observable(v);
        interceptor.notifySubscribers(); //<-- notifies the UI to update even if the value hasn't changed
    }
});