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

SetDataSource

methods

Sets the dataSource of an existing ListView and rebinds it.

setDataSource

Parameters:dataSourcekendo.data.DataSource

The DataSource to which the widget should be bound.

<button class="k-button" id="dsBtn">Change DataSource</button>
<div id="listView"></div>

<script>
  $("#listView").kendoListView({
    template: "<div>#: ProductName#</div>",
    dataSource: [
      { ProductName: "Chai" }
    ]
  });
  var dataSource = new kendo.data.DataSource({
    transport: {
      read: {
        url: "https://demos.telerik.com/service/v2/core/Products"
      }
    },
    pageSize: 21
  });
  $("#dsBtn").click(function(){
    var listView = $("#listView").data("kendoListView");
    listView.setDataSource(dataSource);
  });
</script>