Kendo UI目前最新提供KendoUI for jQuery、KendoUI for Angular、KendoUI Support for React和KendoUI Support for Vue四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的完整UI庫。

默認(rèn)情況下，ListView的分頁功能處于禁用狀態(tài)。

 

 

入門指南

要啟用分頁，請實例化單獨(dú)的pager控件并將其綁定到相同的DataSource。

 

 

 

 

 

高級配置

當(dāng)綁定到ListView的項目數(shù)大于預(yù)期時，pager將控制顯示的項目。

1. 創(chuàng)建一個用于渲染的目標(biāo)元素，通常將其放置在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())
});

 

下面的示例演示了建議方法的完整實現(xiàn)。