Completed
Last Updated: 20 Nov 2014 20:24 by ADMIN
Basem
Created on: 17 Jun 2014 13:03
Category: Kendo UI for jQuery
Type: Feature Request
18
Swipe to delete or actions for ListView
Swipe ListView items for more action items, usually seen in native apps for swiping to delete.

See more capabilities with iOS8 demo for swiping left or right to show multiple action options: http://www.iclarified.com/images/news/41344/183731/183731-1280.png
4 comments
ADMIN
Telerik Admin
Posted on: 27 Aug 2014 11:32
Please contact our support team at telerik.com in case you need further technical advice/assistance.
Muhammad
Posted on: 26 Aug 2014 19:16
How to add multiple buttons? The link demonstrate adding single delete button.
Basem
Posted on: 17 Jul 2014 15:23
What an awful hack... manually handling swipe visibility and fx? find closest button? event canceling? stop propagation?

I was hoping for this to be a feature and part of the API as so:

<script id="itemTemplate" type="text/x-kendo-template">
  <a> #=ProductName# </a>
  <a data-role="swipebutton" data-action="delete" data-style="rowdelete">Delete</a>
  <a data-role="swipebutton" data-action="flag" data-style="rowwarning">Flag</a>
</script>

e.view.element.find("#list-edit-listview").kendoMobileListView({
  dataSource: dataSource,
  template: $("#itemTemplate").html(),
  swipe: function(e) {
    switch(e.action) {
      case 'delete':
        ...
        break;
      case 'flag':
        ...
        break;
    }
  }
})


ADMIN
Telerik Admin
Posted on: 17 Jul 2014 15:03
How to attain the requested functionality is presented in the following demo:
http://demos.telerik.com/kendo-ui/mobile-listview/editing