telerik - KendoUI 网格本地分页不适用于远程数据？

Question

我正在尝试使用 Kendo-UI 来管理页面上的网格，但是我很难使用以下特定设置：

数据是从远程源获取的，但是，我想在客户端而不是服务器端进行分页。

整个问题可以很容易地用下面的 jsfiddle 来概括：http: //fiddle.jshell.net/dimodi/4eNu4/

当 时serverPaging: true，一切都按预期工作，但是当 时serverPaging: false，第一页之后没有显示任何条目。

Answer 1

问题是您定义了一个不返回任何数据的 dataBound 事件函数。

将您的功能定义为：

function resizeGrid(d) {
    var gridElement = $("#grid");
    var dataArea = gridElement.find(".k-grid-content");
    var newHeight = gridElement.parent().innerHeight() - 2;
    var diff = gridElement.innerHeight() - dataArea.innerHeight();
    gridElement.height(newHeight);
    dataArea.height(newHeight - diff);
    return d;
}

我添加了一个参数d，我在您的处理结束时返回。

更新小提琴： http: //fiddle.jshell.net/4eNu4/253/

Answer 2

您真正需要做的就是删除serverPaging: true配置选项。然后只需pageSize: 10在架构中设置 a ，然后添加pageable: true到网格的配置中以允许客户端分页。

更新了你的小提琴http://jsfiddle.net/4eNu4/247/希望这就是你要找的。