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，然后将pageable: true添加到网格的配置中，以允许客户端分页。

更新了您的小提琴http://jsfiddle.net/4eNu4/247/希望这是您正在寻找的。

KendoUI网格本地分页无法使用远程数据？

2 个答案: