KOGrid 点击下一页按钮什么都不做

Question

使用 KOGrid 我在 JS 视图模型中有以下内容：

self.gridOptions = {
            data: self.recs,
            columnDefs: self.columnDefs,
            autogenerateColumns: false,
            showGroupPanel: false,
            showFilter: true,
            filterOptions: self.filterOptions,
            enablePaging: true,
            pagingOptions: self.pagingOptions,
            sortInfo: self.sortInfo,
            rowHeight: 35,
            selectWithCheckboxOnly: true,
            selectedItems: self.selected,
            canSelectRows: true,
            displaySelectionCheckbox: true,
            afterSelectionChange: function () {
                var selectedParent = self.selected()[0];
                if (!selectedParent) {
                    return [];
                }
                var selectedTransactions = selectedParent.editableTransactions();
                self.selectedChildren(selectedParent.editableTransactions());
                return true;
            },
            multiSelect: false,
        };

我可以通过直接输入页码来浏览页面。导航后退按钮工作正常，但单击导航下一页或最后一页没有任何作用。

我在同一网站的不同页面上有另一个 KOGrid 实例，它工作正常。我使用了 Chrome devtools，在“网络”选项卡中，我可以看到在单击“导航上一个”按钮时发出了“获取”请求，但在“导航下一个”按钮上没有发出任何请求。

有什么想法吗？

Answer 1

问题是，在进行 Ajax 调用后，我使用以下内容设置了 totalServerItems：

self.pagingOptions.totalServerItems(data.Vouchers.length);

那是行不通的，因为 data.Vouchers 只包含当前页面的项目。修复是更改为以下行：

self.pagingOptions.totalServerItems(data.TotalCount);

KOGrid 点击下一页按钮什么都不做

KOGrid clicking the next page button does nothing

knockout.js

kogrid