Paging
The TreeList supports client-side paging for large sets of data.
To enable the paging functionality of the TreeList, configure the pageable settings.
Remember to set a
pageSize. You can define apageSizein thepageableor in thedataSourcesettings. If an already existing dataSource instance is passed to the TreeList, then thepageSizeoption has to be set in the dataSource settings and not in thepageablesettings.
$(document).ready(function () {
var service = "https://demos.telerik.com/kendo-ui/service";
$("#treelist").kendoTreeList({
dataSource: {
transport: {
read: {
url: service + "/EmployeeDirectory/All",
dataType: "jsonp"
}
},
schema: {
model: {
id: "EmployeeId",
parentId: "ReportsTo",
expanded: true,
fields: {
ReportsTo: { nullable: true },
EmployeeId: { type: "number" },
HireDate: { field: "HireDate", type: "date" }
}
}
}
},
height: 540,
filterable: true,
sortable: true,
columns: [
{
field: "FirstName", title: "Name",
template: "#: FirstName # #: LastName #"
},
{ field: "Position" },
{ field: "HireDate", title: "Hire Date", format: "{0:MMMM d, yyyy}" }
],
pageable: {
pageSize: 15,
pageSizes: true
}
});
});