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="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2024.1.130/js/kendo.all.min.js"></script>

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

   </script>

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