click

Fires when item is tapped.

Example

<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).

In this article
Not finding the help you need? Improve this article