我遇到了淘汰赛和 kogrid 的问题。经过几次测试，我设法在这个小提琴中重现了它：
简而言之，我有一个示例 VM ( ItemsViewModel )，它应该向 kogrid 提供数据，并带有服务器实现的过滤和分页。vm 公开了一个gridOptions对象，其中包含 kogrid 所需的所有数据，以及一个调用刷新函数以从服务器获取数据。在小提琴中，我用一些虚拟的内联数据替换了 ajax 调用以获取真实数据。
现在，在加载页面时，我经常在 kogrid 源代码中收到此错误：
错误：TypeError：self.sortedData 不是函数源文件： http ://ericmbarnard.github.com/KoGrid/lib/KoGrid.debug.js行：1473
相反，如果我只是使用名为 dummyData 的可观察数组，而网格只有一个 div，就像在基本的 kogrid 示例（https://github.com/Knockout-Contrib/KoGrid）中一样，则不会出现此错误；所以我想我对图书馆的使用有问题。
这是我的虚拟机的相关部分：
function ItemsViewModel() {
var self = this;
self.dummyArray = ko.observableArray([{
name: "Goofy",
age: 27
}, {
name: "Mickey",
age: 33
}]);
self.items = ko.observableArray([]);
self.filterOptions = {
filterText: ko.observable(""),
useExternalFilter: true
};
self.pagingOptions = {
pageSizes: ko.observableArray([5, 10]),
pageSize: ko.observable(20),
totalServerItems: ko.observable(0),
currentPage: ko.observable(1)
};
self.gridOptions = {
data: self.items,
enablePaging: true,
multiSelect: false,
filterOptions: self.filterOptions,
pagingOptions: self.pagingOptions,
columnDefs: [{
field: "id",
displayName: "ID"
}, {
field: "title",
displayName: "Title"
}]
};
self.refresh();
}
该函数用于获取数据（目前我没有过滤掉）：
ItemsViewModel.prototype.refresh = function () {
var params = {
page: this.pagingOptions.currentPage(),
pageSize: this.pagingOptions.pageSize(),
sortBy: "datemodified",
isSortDesc: true
};
// dummy data (2 pages x 5)
var data = {
page: 1,
totalPages: 2,
totalRecords: 10,
records: []
};
for (var i = 0; i < 10; i++) {
data.records.push({
id: i,
title: "title " + i
});
}
ko.utils.arrayPushAll(this.items, data.records);
this.pagingOptions.totalServerItems(data.totalRecords);
}
我的 HTML 只是一个数据绑定设置为的 div
koGrid: { data: gridOptions }