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

Get the Swipe Target

The example below demonstrates how to save the reference of the swiped element in touchStart and then use it in the swipe handler.

    <title>Kendo UI Snippet</title>

    <script src=""></script>
    <script src=""></script>

    <div id="grid"></div>
     var tr;
       columns: [
         { field: "name", width: "200px" },
         { field: "age" }
       dataSource: [
         { name: "Jane Doe", age: 30 },
         { name: "John Doe", age: 33 }
       touchstart: function(e) {
         tr = $("tr");
       enableSwipe: true,
       swipe: function(e) {
         alert("swipe " + e.direction + " " + tr.text());


See Also

Articles and other how-to examples on the Kendo UI hybrid components:

For more runnable examples on the Kendo UI hybrid controls, browse the How To documentation folder.

In this article