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

Items

methods

Obtains an Array of the DOM elements, which correspond to the data items from the Kendo UI DataSource view.

items

Returns:Array

The currently rendered ListView items (<div>, <li>, <tr> elements, etc., depending on the item template).

<div id="listview"></div>
<script>
var dataSource = new kendo.data.DataSource({
    data: [
        { name: "Item 1" },
        { name: "Item 2" },
        { name: "Item 3" }
    ]
});

var listview = $("#listview").kendoListView({
    dataSource: dataSource,
    template: "<div class='k-listview-item'>#: name #</div>"
}).data("kendoListView");

// Get the DOM elements for all items
var items = listview.items();
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(items.length); // logs 3
console.log(items[0]); // logs the first DOM element
</script>