Edit this page

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="http://kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></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 = $(e.event.target).closest("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.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article