Question

我的Windows 8.1应用程序在Knockout 2.3上工作正常，但在更新到3.3之后，似乎我的自定义绑定中出现了错误的上下文。

首先，我在应用程序的命令栏中对各个元素应用绑定：

var cmdArray = [];
    var commandIsRunning = function() {
        return _.any(cmdArray, function(command) {
            return command.isRunning();
        });
    };
    _.each(_bottomCommands, function (row) {
        if(row.command) {
            // command wrapper
            var commandWrapper = ko.command({
                action: function() {
                    var rowCommand = row.command();
                    if (rowCommand) {
                        return rowCommand();
                    }
                    return WinJS.Promise.as();
                },
                canExecute: function() {
                    var rowCommand = row.command();
                    if (rowCommand) {
                        return rowCommand.canExecute() && !commandIsRunning();
                    }
                    return false;
                }
            });
            cmdArray.push(commandWrapper);

            //Bind the command
            var element = document.querySelector('#' + row.id);
            if (element) {
                element.setAttribute('data-bind', 'command: $data');
                ko.applyBindings(commandWrapper, element);
            }
        }
    });

这是我的自定义绑定代码

ko.bindingHandlers.command = {
            init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
                var command = ko.utils.unwrapObservable(valueAccessor());
                ko.bindingHandlers.click.init.call(this, element, ko.observable(command), allBindingsAccessor, viewModel, bindingContext);
            },
            update: function (element, valueAccessor, allBindingsAccessor) {
                var command = ko.utils.unwrapObservable(valueAccessor());
                ko.bindingHandlers.enable.update.call(this, element, command.canExecute, allBindingsAccessor);
            }
        };

问题在于：

ko.bindingHandlers.enable.update.call(this, element, command.canExecute, allBindingsAccessor);

canExecute未定义，我认为是因为我没有在init和update处理程序中获得正确的上下文。那么我在代码中做错了什么？代码再次在Knockout 2.3中工作，那么它可能是一个Knockout问题吗？

更新我创建了jsFiddle以显示问题。它包含ko.command的定义，因为我认为这可能是问题的原因 JSFiddle

Answer 1

错误是由于Knockout 3.x以不同方式绑定到函数。在2.x中，您可以直接绑定到一个函数，但在3.x中，Knockout调用该函数来获取视图模型。你仍然可以绑定到Knockout 3.x中的函数，但是你需要将它包装在一个可观察的或另一个函数中。

ko.applyBindings(function() { return commandWrapper }, element);

https://jsfiddle.net/mbest/nrb97g7e/38/

自定义绑定无法从Knockout 2.3更新到3.3

1 个答案: