无法显示基本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/