javascript - 不确定复选框的 Knockout 自定义绑定(bind)将不起作用

Question

简而言之:这是我用于将复选框置于不确定状态的 knockout 自定义绑定(bind)。

ko.bindingHandlers.nullableChecked = {
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        if (value == null) element.indeterminate = true;
        ko.bindingHandlers.checked.update(element, function () { return value; });
    }
};

如果初始值为 null，一切正常，复选框处于不确定状态，但是当我单击该复选框时，它似乎没有相应地将绑定(bind)属性的值更新为 false/true。我错过了什么吗？

Answer 1

如果有人在这里希望在没有选中所有子项的情况下将全选类型复选框显示为中间值，则可以使用像这样的简单绑定(bind)

ko.bindingHandlers.indeterminateValue = {
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        element.indeterminate = value;
    }
};

然后你就可以这样使用了

 <input type="checkbox" data-bind="checked: selectedAllProduce, indeterminateValue: selectedProduce().length > 0 && selectedProduce().length < produce.length" title="Select all/none"/>

这是一个 fiddle ，展示了它在计算的可观察性选择所有示例上的工作 https://jsfiddle.net/deannorth/crqwac12/