淘汰赛绑定处理程序未定义错误

Question

我有这个jsfiddle，它显示了一个表格和一些具有角色的用户。

我希望在一些点击添加角色等时弹出一个模态表单。

这个ko.bindingHandlers.modal函数的更新属性好像有错误：

ko.bindingHandlers.modal = {
    init: function (element, valueAccessor) {
        $(element).modal({ show: false }).on("hidden", function () {
            var data = valueAccessor();
            if (ko.isWriteableObservable(data))
                data(null);
        });

        return ko.bindingHandlers["with"].init.apply(this, arguments);
    },
    update: function (element, valueAccessor) {
        var data = ko.unwrap(valueAccessor());

        $(element).modal( data ? "show" : "hide" );

        return ko.bindingHandlers["with"].update.apply(this, arguments); // Error on this line
    }
};

我不知道为什么会这样，我复制了 Ryan Niemeyer dev video 的代码

34 分钟。

这是一个Bootstrap模态对话，使用Knockout JS作为绑定库

Answer 1

with 绑定不再具有更新功能

从init函数使用

ko.applyBindingsToNode(element, { with: valueAccessor() });

更新

ko.bindingHandlers.modal = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        $(element).modal({ show: false }).on("hidden", function () {
            var data = valueAccessor();
            if (ko.isWriteableObservable(data))
                data(null);
        });



        ko.applyBindingsToNode(element, { with: valueAccessor() }, bindingContext);

        return { controlsDescendantBindings: true };
    },
    update: function (element, valueAccessor) {
        var data = ko.unwrap(valueAccessor());

        $(element).modal( data ? "show" : "hide" );;
    }
};