Knockout asp.net - 无法读取undefined的属性

我是Knockout的新手，有一个问题：我尝试this来自officail站点的示例。Knockout asp.net - 无法读取undefined的属性

所以我的HTML文件：

<head> 
    <script src="Scripts/jquery-2.1.1.min.js"></script> 
    <script src="Scripts/knockout-3.2.0.js"></script> 
</head> 
<body> 
     <div data-bind='simpleGrid: gridViewModel'> </div> 

     <button data-bind='click: addItem'> 
      Add item 
     </button> 

     <button data-bind='click: sortByName'> 
      Sort by name 
     </button> 

     <button data-bind='click: jumpToFirstPage, enable: gridViewModel.currentPageIndex'> 
      Jump to first page 
     </button> 
    <script src="FuseJS.js"></script> 
</body> 
</html>

和我的js文件是：

/// <reference path="Scripts/jquery-2.1.1.min.js" /> 
/// <reference path="Scripts/knockout-3.2.0.js" /> 
var initialData = [ 
    { name: "Well-Travelled Kitten", sales: 352, price: 75.95 }, 
    { name: "Speedy Coyote", sales: 89, price: 190.00 }, 
]; 

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

    this.addItem = function() { 
     this.items.push({ name: "New item", sales: 0, price: 100 }); 
    }; 

    this.sortByName = function() { 
     this.items.sort(function (a, b) { 
      return a.name < b.name ? -1 : 1; 
     }); 
    }; 

    this.jumpToFirstPage = function() { 
     this.gridViewModel.currentPageIndex(0); 
    }; 

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

ko.applyBindings(new PagedGridModel(initialData));

我缺少什么？我调试我看到这个错误的代码 “UncauchType错误：无法读取属性'viewModel'undefined” tnx

来源

2014-09-23 zvi

可能重复[请问simpleGrid需要额外下载？]（http://stackoverflow.com/questions/18507885/does-the-simplegrid-require-additional-downloads） – Nathan 2014-09-23 13:15:52

感谢！其作品！ – zvi 2014-09-23 13:19:45

您没有在任何地方使用ko.applyBindings（）。

理想情况下，你需要做这样的事情。

ko.applyBindings(new PagedGridModel(initialData));

的

来源

2014-09-23 13:53:29 QBM5

我从他的问题的最后一行复制了'ko.applyBindings（new PagedGridModel（initialData））;'。 – edhedges 2014-09-23 13:55:23

是的，我错过了，谢谢你的抬头 – QBM5 2014-09-23 13:56:21

Knockout asp.net - 无法读取undefined的属性

回答

相关问题