在淘汰赛中更新视图模型并更新 UI

Question

下面是我加载模型的 javascript，我将它绑定到下拉列表和表格以显示数据。它可以工作并显示数据。

var _observableViewModel = null;     
$(document).ready(function () {
                var jsonModel = '@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(this.Model))';
                _observableViewModel = ko.mapping.fromJSON(jsonModel);

                ko.applyBindings(_observableViewModel);
            });

一旦用户从下拉列表中选择了一个项目，我将调用一个返回 jsonresult 的 ajax 函数并希望更新视图模型并更新表。我在下面尝试了一些方法，但没有效果。 我正在使用 mvc。 感谢您的帮助！

 function GetData() {

            $.getJSON("/Home/Test", function (data) {

                ko.mapping.updateModel(data);


            }) 

Answer 1

因为你已经在使用 ko.mapping 你真的应该使用映射重载来指定一个目标：

ko.mapping.fromJSON(jsonModel, {}, _observableViewModel)

它将像以前一样更新可观察对象，并调用可观察对象的 valueWillMutate / valueHasMutated 方法来更新 UI。