mvvm - 如何使用 knockout.js 观察 jqgrid 数据？

Question

我正在使用 knockout.js 创建 jqgrid 并使用 observableArray 填充数据。（使用 Knockout-jqGridBinding 插件）jqgrid 数据的数组：

var initialData = [{
    id: ko.observable(1),
    name: ko.observable("Well-Travelled Kitten"),
    sales: ko.observable(352),
    price: ko.observable(75.95)
}];

function viewModel() {
    var self = this;
    self.items = ko.observableArray(result);
}
ko.applyBindings(new viewModel());

HTML

   <table>
     <tbody data-bind="foreach: items">
    <tr>
        <td><input data-bind="value: id"/></td>
        <td><input data-bind="value: name"/></td>
        <td><input data-bind="value: sales"/></td>
        <td><input data-bind="value: price"/></td>
    </tr>    
     </tbody>
   </table>
    <table id="items" data-bind="grid: { data: items }" >
    <thead> 
        <tr> 
        <th data-field="actions" style="width:27px;" data-sortable="false"></th>
        <th data-field="name" width="150px" data-editable="true">Item Name</th> 
        <th data-field="sales" data-editable="true">Sales Count</th> 
        <th data-field="price" data-editable="true">Price</th> 
        </tr> 
    </thead> 
    </table>

现在它填充 jqgrid 中的数据，如果我更改外部数据，它也会反映在网格中，但是当我使用“cellEdit”更改 jqgrid 中的数据时，它不会反映。