click
Fires when item is tapped.
<div data-role="view">
<ul data-role="listview" id="foo" data-click="listViewClick">
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>
<script>
function listViewClick(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(e.item); // The clicked item as a jQuery object
}
new kendo.mobile.Application();
</script>
Accessing dataItem in event
<div data-role="view">
<ul id="foo"></ul>
</div>
<script>
$("#foo").kendoMobileListView({
dataSource: new kendo.data.DataSource({
data: [{title: "foo"}, {title: "bar"}]
}),
click: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(e.dataItem.title);
}
});
new kendo.mobile.Application();
</script>
Event Data
e.item jQuery
The selected list item.
e.target jQuery
The tapped DOM element.
e.dataItem Object
The corresponding dataItem associated with the item (available in databound mode only). Note: The dataItem must be from a non-primitive type (Object).
e.button kendo.mobile.ui.Button
The tapped Kendo mobile Button (if present).