knockout.js - 无法显示基本的 kogrid（使用 jsfiddle）

Question

我正在尝试我的第一个 kogrid，我正在尝试用它来显示一个简单的数据网格。代码运行，但没有显示任何内容。jsfiddle 在http://jsfiddle.net/z5Pdy/6/

HTML 是

    <div style="height: 300px; width:600px;"
    data-bind="koGrid: { data: brokerCommissions.list,
                           isMultiSelect: false,
                           selectedItem: selectedBroker,
                           columnDefs: [
{ field: 'broker', displayName: 'First Name' }
]}"></div>

javascript是

    function AppViewModel() {
    var self = this;
    self.brokerCommissions = ko.observableArray([
        {
        "broker": "y",
        "c": 0},
    {
        "broker": "x",
        "c": 0}
    ]);
    self.selectedBroker = ko.observable();
}

function initializeKO() {
    VM = new AppViewModel();
    ko.applyBindings(VM);
}
initializeKO();

谁能告诉我为什么。

Answer 1

您的主要问题是您没有正确包含 koGrid JS 文件（如果您查看浏览器的开发工具，您将看到在请求脚本时返回 404）。

您的另一个问题是您正在使用brokerCommissions.list，它不存在。试试brokerCommissions吧：

<div style="height: 300px; width:600px;"
    data-bind="koGrid: { data: brokerCommissions,
                           isMultiSelect: false,
                           selectedItem: selectedBroker,
                           columnDefs: [
{ field: 'broker', displayName: 'First Name' }
]}"></div>​

更新小提琴：http: //jsfiddle.net/z5Pdy/8/