Fires when item is tapped.
Handling button clicks
<ul data-role="listview" id="foo" data-click="listViewClick">
<li><a data-role="button" data-name="bar">Bar button</a> | <a data-role="button" data-name="baz">Baz button</a></li>
</ul>
<script>
function listViewClick(e) {
console.log(e.button); // Kendo mobile Button instance
}
</script>
Accessing dataItem in event
<ul id="foo"></ul>
<script>
$("#foo").kendoMobileListView({
dataSource: new kendo.data.DataSource({
data: [{title: "foo"}, {title: "bar"}]
}),
click: function(e) {
console.log(e.dataItem.title);
}
});
</script>
Event data
-
item
: jQuery
- The selected list item.
-
target
: jQuery
- The tapped DOM element.
-
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).
-
button
: kendo.mobile.ui.Button
- The tapped Kendo mobile Button (if present).