Knockout分页网格示例自动更新视图

Question

我是KO的新手，我正在Paged grid example之后的网格（数据表）上工作。

这是我的代码：     var initialData = $ .parseJSON（response）;     在这里输入代码`response = null;

var PagedGridModel = function(items) {
    this.items = ko.observableArray(items);

    this.gridViewModel = new ko.simpleGrid.viewModel({
        data: this.items,
        columns: [
            { headerText: "checkbox", 
                rowText: function (item) {
                    return '<input name="select-product" type="checkbox"/>'
                    if (item.checked)
                        return baseHtml+' checked'+endingHtml
                    else
                        return baseHtml+endingHtml
                }
            },
            { headerText: "name", rowText: "name" },
            { headerText: "description", rowText: "description" },
            { headerText: "category", rowText: "category" },
            { headerText: "type", rowText: "type" },
        ],
        pageSize: 20
    });
    };

var myPagedGridModel = new PagedGridModel(initialData)
ko.applyBindings(myPagedGridModel);

它会产生这样的结果。

现在我想更改模型的复选框＆＃39;属性，它更新视图。反之亦然，选择视图复选框以更新我的模型。像这样：

  

initialData [0] .checked = TRUE;

我似乎需要做的是将模型声明为Observable，但我不确定如何在此上下文中执行此操作。 最后，我认为这个库与此案例相关：http://knockoutjs.com/examples/resources/knockout.simpleGrid.3.0.js

Fiddle 在小提琴上，我对外部有一些问题，但请求考虑到小提琴之外的拳头SimpleGrid.3.0.js，它只与那个单独使用。

提前感谢您的帮助！

欧内斯特。