如何使用knockout.js观察jqgrid数据?

时间:2013-01-08 08:44:19

标签: mvvm jqgrid knockout.js knockout-2.0 jqxgrid

我使用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中的数据时,它没有反映出来。

0 个答案:

没有答案