KnockoutJS - 更新 ViewModel / 映射插件

Question

如何更新完整的 viewModel ？

1. 在页面加载时，我得到一个模型并使用 ko.mapping.fromJS(myObject) 将其转换为 viewModel。
2. 如果用户单击按钮，我想从服务器获取更新数据
3. 现在我想应用这些更新

如果我使用ko.applyBindings(viewModel);，它会完美地更新用户界面。但它再次添加了相同的事件。因此，如果用户单击按钮，事件会被触发两次，第三次等等。

问题

什么是更新我的完整视图模型的好方法。也许我删除绑定并再次应用它们？ （怎么做）。

示例

var viewModel;

function update() 
{
    $.ajax({
        url: '...',
        type: "GET",
        statusCode: {
            200: function (data) {
                 viewModel = ko.mapping.fromJS(data);
                 ko.applyBindings(viewModel);
            }
        }
    });    
}

// first call after page load
update();

// user click
$("#myButton").click(function() {
    update(); 
});

更新

Steve Greatrex能否发布您的自定义绑定实现？

ko.bindingHandlers.domBinding = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        viewModel.domElement = element;
    },
    update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        viewModel.domElement = element;
    },
};

Answer 1

如果您查看mapping documentation 上的“指定更新目标”，您可以指定映射的目标。

这应该意味着你可以说：

if (!viewModel)
   viewModel = ko.mapping.fromJS(data);
else
   ko.mapping.fromJS(data, {}, viewModel); 

这样您将在初始加载时创建一个视图模型，然后为任何后续加载更新该视图模型。

Answer 2

使用映射插件我做到了

ko.mapping.fromJS(JsonResponse, myObservable());

就是这样。