Knockout映射来自服务器的数据,丢失订阅

时间:2015-03-25 04:27:02

标签: javascript knockout.js

我试图用从后端JSON到淘汰视图模型的选定值来表示多个选择。 并且在每次选择更改时都需要检索此JSON,第一次 - 一切正常,但如果我再次应用映射(ko.mapping.fromJS(test_data,ViewModel)),所有订阅都会丢失,任何人都知道如何避免这种情况?

jsfiddle(我不知道为什么选择没有它的价值,没有jsfiddle - 一切都好): http://jsfiddle.net/0bww2apv/2/

$(ViewModel.attributes()).each(function(index, attribute) {
    attribute.attribute_value.subscribe(function(name) {
        console.log('SUBSCRIBE', name);

        var send_data = {};
        $(ViewModel.attributes()).each(function (index, attribute) {
            send_data[attribute.attribute_name.peek()] = attribute.attribute_value.peek();
            if (attribute.attribute_value() === null) {
                send_data = null;
                return false;
            }
        });

        if (send_data) {
            console.log('REQUEST TO BACKEND: ', ko.toJSON(send_data));
            ko.mapping.fromJS(test_data, ViewModel);

            // subscriptions is lost here !
        }
    });
});

1 个答案:

答案 0 :(得分:0)

最后我用knockout.reactor插件解决了我自己的问题, 如果我们删除所有辅助结构,它将如下所示:

var ViewModel = ko.mapping.fromJS(test_data);

ko.applyBindings(ViewModel);

ko.watch(ViewModel, { depth: -1 }, function(parents, child, item) {
    // here we need to filter watches and update only when needed, see jsfiddle
    ko.mapping.fromJS(test_data2, {}, ViewModel);
});

这样我们就会更新选择,并且不会遇到订阅递归问题。

完整版(有关详细信息,请参阅控制台输出):http://jsfiddle.net/r7Lo7502/