Question

我有一张桌子：

<table id="grid">
<thead>
    <tr><th data-field="name">Name</th></tr>
</thead>
<tbody>
    <tr><td>name 1</td></tr>
    <tr><td>name 2</td></tr>
    ...
</tbody>
</table>

这就是它的初始化：

$('#grid').kendoGrid({
    scrollable: false,
    sortable: true,
    autoBind: true,
    columns: [ { field: 'name' } ],
    pageable: {
        buttonCount: 5,
        pageSizes: [10, 20, 50, 100, 200]
    },
    pageSize: 20
});

加载页面时，网格显示所有元素。例如，如果有500个元素，则显示所有元素。页码等于1，但没有突出显示。 PageSize切换器显示“500”。当我单击PageSize切换器并将其更改为任何值时，分页开始起作用。或者如果我点击上一页/下一页图标，它也可以。怎么可能修好？

现在我用它：

if ($grid.data("kendoGrid")) {
    $grid.data("kendoGrid").dataSource.page(1);
}

但我不确定它是否足够好。

Answer 1

pageSize是数据源的属性而不是kendoGrid，虽然Kendo文档（截至今天）将pageSize作为KendoGrid的属性，但在他们的示例中，您将在DataSource中看到它。

不要与处于正确位置的“pageSizes”混淆。

Answer 2

试试这个

$('#grid').kendoGrid({
    scrollable: false,
    sortable: true,
    autoBind: true,
    columns: [ { field: 'name' } ],
    pageable: {
                   refresh: true,
                   pageSizes: true
                    },
    pageSize: 20
});

Kendo UI Grid：分页不起作用

2 个答案: