Knockout JS 在 onclick 按钮上动态加载 simpleGrid 列答案

【问题标题】：KnowckoutJS Dynamic load simpleGrid columns upon click buttonKnockout JS 在 onclick 按钮上动态加载 simpleGrid 列
【发布时间】：2013-05-13 16:02:12
【问题描述】：

所有示例都在 page.load 事件中将 json 数据绑定到 simpleGrid，该事件将触发以计算列并显示 gridview。但在我的情况下，页面的初始加载不会显示gridview，并且单击使用ajax 返回数据集的按钮，然后绑定到simpleGrid。这是示例

Fiddle.

我尝试订阅 observableArray ，但这并不能重新生成网格，有什么提示吗？谢谢！

function viewModel() {
var self = this;
self.queryResult = ko.observableArray();
self.update = function (data) {
    //this is an ajax call and return dateset back
    $.each(initialData, function (index, item) {
        self.queryResult.push(item);
    });
};
self.gridViewModel = new ko.simpleGrid.viewModel({
    data: self.queryResult,
    pageSize: 10
});

}

【问题讨论】：

我收到错误无法读取未定义的属性视图模型。看到这个小提琴jsfiddle.net/FB6LA/8

标签： knockout.js

【解决方案1】：

您从未在简单网格中定义任何标题。我在下面添加了

   self.gridViewModel = new ko.simpleGrid.viewModel({
   data: self.queryResult,
    columns: [
        { headerText: "Name", rowText: "name" },
        { headerText: "Sales ", rowText: "sales" },
        { headerText: "Price", rowText: function (item) { return "$" + item.price.toFixed(2) } }
    ],
    pageSize: 4
});

查看更新的小提琴here

【讨论】：