暂停 knockout.js 1.2.1 中的绑定

Question

淘汰赛中有暂停和恢复绑定的选项吗？

版本：knockout.js 1.2.1

我们对暂停绑定的需求源于以下原因。在某些操作中，我们必须从服务器加载大量数据，例如，多个选择的整个数据都会更改，有些表的行会动态添加等。

现在，在当前场景中，表单与视图模型完全绑定。当我们清除组合并添加每个项目时，视图会刷新，因此存在明显的延迟。如果我有办法暂停绑定，我可以暂停，然后将所有数据加载到视图模型中，然后再次恢复绑定。

Answer 1

我认为没有办法在 Knockout.js 中暂停绑定。如果没有看到代码，很难说，但速度缓慢可能是由于您通过清除 observableArrays 并逐一添加新项目来刷新它们造成的。相反，您可以立即刷新整个数组：

...
self.manyItems = ko.observableArray();
...
function refreshItems(newItems){
    self.manyItems(newItems);
}

Answer 2

暂停和恢复是可能的：看看 Ryan Niemeyer 制作的这个演示。请参阅他的博客上的此条目了解更多背景信息。

Answer 3

如果您确实仍然需要暂停订阅，我找到了一种方法，可以使用暂停计算在计算可观察量中暂停它们（想法取自 此网站）。我对其进行了一些修改，添加了pauseableCompulated 具有读写功能的能力。

viewModel.myComputedObservable = ko.pauseableComputed(function() {
    return myResult;
}, viewModel);

对于暂停，您可以调用 myCompulatedObservable.pause();，进行所有修改，然后调用 myCompulatedObservable.resume(); 进行这些修改，以触发计算的可观察量中的订阅。

   //wrapper for a computed observable that can pause its subscriptions
        ko.pauseableComputed = function (evaluatorFunction, evaluatorFunctionTarget) {
            var _cachedValue = "";
            var _isPaused = ko.observable(false);

            //the computed observable that we will return
            var result;
            if (evaluatorFunction.read) {
                result = ko.computed({
                    read: function() {
                        if (!_isPaused()) {
                            //call the actual function that was passed in
                            return evaluatorFunction.read.call(evaluatorFunctionTarget);
                        }
                        return _cachedValue;
                    },
                    write: function(value) {
                        if (!_isPaused()) {
                            //call the actual function that was passed in
                            return evaluatorFunction.write.call(evaluatorFunctionTarget, value);
                        }
                        return _cachedValue;
                    }
                }, evaluatorFunctionTarget);
            } else {
                result = ko.computed(function() {
                    if (!_isPaused()) {
                        //call the actual function that was passed in
                        return evaluatorFunction.call(evaluatorFunctionTarget);
                    }
                    return _cachedValue;
                }, evaluatorFunctionTarget);
            }