grid - KendoUI Grid 服务器分页

Question

我正在尝试使用 JSON 数据填充 KendoUI 网格，其中服务器返回总行数以及数据，但是我在让 serverPaging 正常工作时遇到了一些问题。我创建并分配网格的数据源如下:

                var oDS = new kendo.data.DataSource({
                    schema: {
                        data:  "data",
                        total: "total"
                    },
                    data: self.grdTableData,
                    serverPaging: true,
                    pageSise: 50,
                    total: joOutput["TotalRecords"]
                });

                grdTableResults.setDataSource(oDS);

第一页显示 939 条记录中的前 50 条，但只有一页(导航箭头从不响应任何内容)，我看到 NaN - 939 个项目的 NaN 以及网格中心的旋转圆点消失了。

在我看过的所有示例中不同的一件事是，我的 $.ajax 调用和 .done 中 JSON 数据的处理不使用“传输:读取”，但我在想如何发送数据并将其取回应该无关紧要(还是因为每个页面请求都是新的服务器读取？)。但我认为我做得还不够，无法正确处理服务器分页，即使我设置的数据源值与 http://jsfiddle.net/rusev/Lnkug/ 的示例中设置的值类似.然后是我不确定的“take”和“skip”值，但我确实有“startIndex”和“rowsPerPage”，我将它们发送到可以在那里使用的服务器。我假设网格可以告诉我我正在展示的页面我可以适本地设置我的“startIndex”，如果我有一个每页项目”下拉菜单我可以重置我的“rowsPerPage”值？

无论如何，抱歉所有新手问题。真诚地感谢任何帮助和建议。谢谢!

Answer 1

交通:阅读

即使您通过将值设置为函数具有自定义逻辑，您也应该能够使用“传输:读取”。我创建了一个 JS Fiddle来演示此功能。

dataSource: {
    serverPaging: true,
    schema: {
        data: "data",
        total: "total"
    },
    pageSize: 10,
    transport: {
        read: function(options) {
            var data = getData(options.data.page);
            options.success(data);
        }
    },
    update: function() {}
}

您的 read 函数包含一个参数，该参数包含以下分页属性:page、pageSize、skip、take。请记住，如果一个操作包含一个函数，则所有传输操作都必须是函数。

startIndex 和 rowsPerPage

如果您的服务器接受这些参数，您应该能够在 read 函数中提交它们。创建一个发布自定义数据的新 ajax 调用

var ajaxPostData = { startIndex: options.data.skip, rowsPerPage: options.data.pageSize }