不能得到基本kogrid顯示（帶的jsfiddle）

Question

我想我的第一個kogrid我試圖用它來顯示一個簡單的數據網格。該代碼運行，但doenst顯示任何東西。 的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/