1

我有一个自定义 KO 扩展来格式化数字,这个扩展器将原始 observable 包装在计算中,并返回对计算的新引用。

有一个问题,假设在调用数字扩展器之前,有人向可观察对象添加了验证,那么当数字扩展器公开计算时,此验证将不起作用。

我可以以某种方式将验证从可观察到计算吗?

当然,我可以确保在数字扩展器之后添加验证,但这感觉不是很可靠,尤其是在大型项目中

扩展器看起来像

ko.extenders.asNumber = function (target) {
    var result = ko.computed({
        read: function () {
            return Globalize.format(target(), "N2");
        },
        write: function (value) {
            if (value != null && value.substr) {
                var parsedValue = Globalize.parseFloat(value);
                if (isNaN(parsedValue)) {
                    parsedValue = value;
                }
                value = parsedValue;

                if (!String.hasValue(value))
                    value = null;
            }

            target(value);
            target.valueHasMutated();
        }
    });

    target.hasValue = function () {
        return target() != null && target() != 0;
    };
    result.raw = target;
    return result;
};

更新:

解决它的一种方法是

function copyValidation(observable, newObservable) {
    if (observable.__valid__) {
        newObservable.extend({ validatable: true });
        ko.utils.arrayForEach(observable.rules(), function(rule) {
            newObservable.rules.push(rule);
        });
        observable.rules([]);
    }
}

最终版本

如果没有人有更好的方法,我会去的

function moveValidation(observable, newObservable) {
    if (observable.__valid__) {
        newObservable.extend({ validatable: true });
        ko.utils.arrayForEach(observable.rules(), function(rule) {
            newObservable.rules.push(rule);
        });
        observable.extend({ validatable: false });
    }
}

更新

observable.extend({ validatable: false });一旦您捆绑和缩小脚本,上述解决方案由于某种原因无法正常工作。observable.rules([]);作品

4

0 回答 0