New to Kendo UI for jQuery? Start a free 30-day trial

Refresh

methods

Updates all values of pager elements so that these values fit the values of DataSource. This method is automatically called after DataSource change event is fired.

refresh

<div id="pager"></div>

<script>
    var dataSource = new kendo.data.DataSource({
      data: [
        { productName: "Tea", category: "Beverages" },
        { productName: "Coffee", category: "Beverages" },
        { productName: "Ham", category: "Food" },
        { productName: "Bread", category: "Food" }
      ],
      pageSize: 2
    });

    dataSource.read();

    var pager = $("#pager").kendoPager({
      dataSource: dataSource
    }).data("kendoPager");

    pager.refresh();
</script>
<style>
  #pager {
   margin-top: 100px;
  }
</style>