如何更新Knockout.js视图模型与服务器

Question

我有Knockout.js视图模型具有嵌套可观察数组。

function ParentVM(data) { 
     var self = this; 

     self.childs= ko.observableArray([]); 
     ko.mapping.fromJS(data, mapping, this); 
    } 

    function ChildVM(data) { 
     var self = this; 

     self.propertyA = ko.observableArray([]); 
     self.propertyB = ko.observable(); 

     ko.mapping.fromJS(data, mapping, this); 
    } 

    function GrandChildVM(data) { 
     var self = this; 

     self.propertyX = ko.observable(); 
     self.propertyY = ko.observable(); 
     self.propertyZ = ko.observable(); 

     ko.mapping.fromJS(data, mapping, this); 
    } 

我有以下绑定：

data-bind="value: propertyX, valueUpdate: 'keydown'" 

现在，我怎么可以添加事件处理程序调用我的REST端点来更新视图模型状态时，这些属性的变化？

Answer 1

如果我理解正确的话，这是你可以做什么：

function ChildVM(data) { 
    var self = this; 

    self.propertyA = ko.observableArray([]); 
    self.propertyB = ko.observable(); 

    ko.mapping.fromJS(data, mapping, this); 

    self.propertyA.subscribe(function (newValue) { /* call you're api with new value! */ }); 
    self.propertyB.subscribe(function (newValue) { /* call you're api with new value! */ }); 
}