淘汰视图模型已更改答案

【问题标题】：Knock out viewmodel changed淘汰视图模型已更改
【发布时间】：2012-07-25 02:44:49
【问题描述】：

我正在尝试使用淘汰赛创建一个场景，该场景监视视图模型的更改并通知任何订阅者发生了更改，这工作正常并且通知被触发，但是然后我更改视图并且视图模型更改了通知再次触发，就像在处理视图模型时仍在观察属性一样，有什么办法可以解决这种行为。

            var options = {
            callback: function () {
                var type = "modelChanged";
                var subscription = $.config.core._subscriptions[type];
                if (subscription) {
                    $.config.core._subscriptions[type] = null;
                }
                self.savePersonalInformation();
            },
            event: "forceSave",
            moduleId: "MemberInformationPersonalInfo"
        };
        $.config.core.subscribeView(options);

注意：订阅视图是一个自定义扩展器，基本上是订阅的包装器。

    monitorPropertyValues: function (model) {
        //subscribe to each property in the model to monitor changes to the value
        // loop through all the properties in the model
        for (var property in model) {
            if (model.hasOwnProperty(property)) {
                if (model[property].subscribe) { //subcribe to observable properties
                    // subscribe to changes
                    model[property].subscribe(function(value) {
                        if (value) {
                            $.config.core.notifySubscribers(true, "modelChanged");
                        }
                    });
                }
            }

        }
    }

在初始化视图时调用MonitorPropertyValues。

我试图实现的基本行为如下，我在页面上有一个标签列表，每个标签都有自己的视图模型。当我单击一个选项卡时，我想检查视图模型中是否发生了变化。如果有我想向视图模型发送通知以保存所有更改。

【问题讨论】：

@Tyrsius 我不想重写我想扩展它的核心，但我似乎无法从 modelChange 通知中取消订阅我的属性。我尝试将 _subscription 数组设置为空但不起作用。

标签： jquery mvvm knockout.js

【解决方案1】：

您可以使用computed 来实现这种功能，该computed 会自动触及所有属性（这是使用 ko.toJS 完成的，它会遍历您的视图模型）。这比您的扩展更简单，并且不应该有任何处置问题。

var viewModel = {
    data: {
        first: ko.observable("Ted"),
        last: ko.observable("Smith") 
    },
    isChanged: ko.observable(false)
}

viewModel.allChanges = ko.computed(function() {
   ko.toJS(viewModel.data);  //just touches all observables, that's it.
});

viewModel.allChanges.subscribe(function() {
    if (!viewModel.isChanged()) {
        viewModel.isChanged(true);     
    }
});

ko.applyBindings(viewModel);

这个解决方案取自 RP Niemeyer 的小提琴，但我现在找不到原件。无论如何，功劳归于他。

【讨论】：