pageable.messages.display String
(default: "{0} - {1} of {2} items"),
The pager info text. Uses kendo.format.
Contains three placeholders:
- {0} - the first data item index
- {1} - the last data item index
- {2} - the total number of data items
Example - set the "display" pager message
<div id="listView"></div>
<script type="text/x-kendo-tmpl" id="template">
<div class="product-view k-widget">
<dl>
<dt>Product Name</dt>
<dd>#:ProductName#</dd>
</dl>
</div>
</script>
<script>
$(document).ready(function () {
var crudServiceBaseUrl = "https://demos.telerik.com/kendo-ui/service",
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: crudServiceBaseUrl + "/Products",
dataType: "jsonp"
}
},
pageSize: 2
});
var listView = $("#listView").kendoListView({
dataSource: dataSource,
template: kendo.template($("#template").html()),
navigatable: true,
pageable: {
messages: {
display: "Showing {0}-{1} from {2} data items"
}
}
}).data("kendoListView");
});
</script>