jQuery UI组件库Kendo UI for jQuery数据管理使用教程：ListView分页

Kendo UI目前最新提供KendoUI for jQuery、KendoUI for Angular、KendoUI Support for React和KendoUI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的完整UI库。

默认情况下，ListView的分页功能处于禁用状态。

 

 

入门指南

要启用分页，请实例化单独的pager控件并将其绑定到相同的DataSource。

 

 

 

 

 

高级配置

当绑定到ListView的项目数大于预期时，pager将控制显示的项目。

1. 创建一个用于渲染的目标元素，通常将其放置在ListView附近。

 

 

 

 

 

2. 通过其pageable属性更新ListView配置，以声明该小部件支持分页并初始化pager。

var dataSource = newkendo.data.DataSource({
transport: {
read: {
url: “https://demos.telerik.com/kendo-ui/service/Products”,
dataType: “jsonp”
}
},
pageSize: 4
});

$(“pager”).kendoPager({
dataSource: dataSource
});

$(“#listView”).kendoListView({
dataSource: dataSource,
pageable: true,
template: kendo.template($(“#template”).html())
});

 

下面的示例演示了建议方法的完整实现。