items
Obtains an Array of the DOM elements, which correspond to the data items from the Kendo UI DataSource view.
Returns
Array
The currently rendered ListView items (<div>
, <li>
, <tr>
elements, etc., depending on the item template).
Example
<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>
In this article