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

Select

methods

Gets/sets the selected ListView item(s).

select

Parameters:itemsjQuery | Array

Items to select.

Returns:jQuery

The selected items if called without arguments.

<button class="k-button" id="selectBtn">Select First Item</button>
<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>
  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");

  $("#selectBtn").click(function(){
    // get a reference to the ListView widget
    var listView = $("#listView").data("kendoListView");
    // selects first ListView item
    listView.select(listView.content.children().first());
  });
</script>