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

Change

events

Fires when the ListView selection has changed.

The event handler function context (available via the this keyword) will be set to the widget instance.

change

To set after initialization

<div id="listView"></div>

<script type="text/x-kendo-tmpl" id="template">
    <div style="padding: 10px">
        #: ProductName#
  </div>
</script>

<script>
  var crudServiceBaseUrl = "https://demos.telerik.com/service/v2/core",
      dataSource = new kendo.data.DataSource({
        transport: {
          read:  {
            url: crudServiceBaseUrl + "/Products"
          }
        },
        pageSize: 10
      });

  var listView = $("#listView").kendoListView({
    dataSource: dataSource,
    selectable: "multiple",
    template: kendo.template($("#template").html())
  }).data("kendoListView");

  listView.bind("change", function(e){
    // get ListView selection
    var selectedItems = e.sender.select();
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(selectedItems);
  });
</script>

<div id="listView"></div>

<script type="text/x-kendo-tmpl" id="template">
    <div style="padding: 10px">
        #: ProductName#
  </div>
</script>

<script>
  var crudServiceBaseUrl = "https://demos.telerik.com/service/v2/core",
      dataSource = new kendo.data.DataSource({
        transport: {
          read:  {
            url: crudServiceBaseUrl + "/Products"
          }
        },
        pageSize: 10
      });

  var listView = $("#listView").kendoListView({
    dataSource: dataSource,
    selectable: "multiple",
    template: kendo.template($("#template").html()),
    change: function(e){
      // get ListView selection
      var selectedItems = e.sender.select();
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(selectedItems);
    }
  }).data("kendoListView");
</script>