refresh

Repaints the ListView using the data available in the DataSource.

Example

<button id="refreshBtn" class="k-button">Refresh</button>
<div id ="listView"></div>
<script>
  $("#listView").kendoListView({
    dataSource: {
      transport: {
        read: {
          url: "https://demos.telerik.com/kendo-ui/service/Products",
          dataType: "jsonp"
        }
      },
      pageSize: 21
    },
    template: "<div style='margin: 8px'>#:ProductName#</div>"
  });
  $("#refreshBtn").click(function(){
    var listView = $("#listView").data("kendoListView");
    // Change the ProductName of the first item in the data.
    listView.dataSource.data()[0].ProductName = "test";
    // Call the refresh method in order to see the change.
    listView.refresh();
    });
</script>
In this article