knockout.js - knockout.js 并禁用自定义绑定

Question

我想在自定义绑定中绑定 disabled 和 css，而不是使用 JQuery 来分配一个类并禁用它。您可以在自定义绑定中执行此操作而无需执行$(element).attr('disabled', true).addClass('disabled');

data_bind="enabled: classroomId(), css: { 'disabled' : !classroomId() }"


data_bind="disable: { !classroomId() }

ko.bindingHandlers.disable = {
        update: function (element, valueAccessor) {
            var disabled = ko.utils.unwrapObservable(valueAccessor());


                 // Disable and Add Class to Button or Anchor Tag

        }
    };

Answer 1

Knockout 现在包含一个disable映射启用的绑定，您可以使用 jQuery 或调用现有的 css 和禁用的绑定（小提琴）：

ko.bindingHandlers.myDisabled = {
    update: function(element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        ko.bindingHandlers.css.update(element, function() {return { disabled: value }; });
        ko.bindingHandlers.disable.update(element, valueAccessor);
    }
};

html:

<input type="text" data-bind="value: name, myDisabled: !enabled()"/>