4

我有一个计算的 observable,它使用 ko.toJS() 从视图模型中发布值(内部 observables)。内部可观察对象之一绑定到文本框。如何防止对文本框的更改自动触发计算出的 observable(即回发)?

function viewModel() {
    var self = this;
    self.SearchParams = {
        OrderStatusID: ko.observable(),
        OrderNumber: ko.observable(), // I don't want this observable to trigger the postback
        OrderBy: ko.observable(),
        OrderByDirection: ko.observable(),
        PageIndex: ko.observable(),
        PageSize: ko.observable()
    };

    // This computed observable automatically subscribes to every
    // observable in self.SearchParams. How can I ignore changes to
    // self.SearchParams.OrderNumber?
    ko.computed(function () {
        NS.post({
            url: '/SomeUrl',
            data: ko.toJS(self.SearchParams)
        });
    }).extend({ throttle: 1 });
}
4

2 回答 2

14

Knockout 2.2+ 包含一个peek无需订阅即可访问 observables 的功能。因此,您可以执行以下操作:

ko.computed(function () {
    var s = self.SearchParams;
    NS.post({
        url: '/SomeUrl',
        data: {
            OrderStatusID: s.OrderStatusID(), 
            OrderNumber: s.OrderNumber.peek(),
            OrderBy: s.OrderBy(),
            OrderByDirection: s.OrderByDirection(),
            PageIndex: s.PageIndex(),
            PageSize: s.PageSize()
        }
    });
}).extend({ throttle: 1 });

如果你被 Knockout 2.1.0 卡住了,你可以手动扩展 observables 来peek像这样添加(感谢 Ryan Niemeyer):

var backdoorObservable = function(initialValue) {
    var _value = initialValue,
        result = ko.observable(initialValue);

    result.peek = function() { return _value; };

    result.subscribe(function(newValue) {
        _value = newValue;
    });

    return result;
};

然后backdoorObservable用于OrderNumber

OrderNumber: backdoorObservable()
于 2012-07-19T03:43:38.273 回答
0

我写了这个小插件来帮助我解决许多类似的情况:

https://github.com/ZiadJ/knockoutjs-reactor

要忽略某些字段,它为您提供了hide可以使用的选项,如下所示:

ko.watch(SearchParams, { hide: [SearchParams.OrderNumber] }, function () {
    NS.post({
        url: '/SomeUrl',
        data: ko.toJS(SearchParams)
    });
}).extend({ throttle: 1 });
于 2012-11-07T23:57:57.387 回答