Callback for Cancel in Framework7 swipeout?

Question

I use framkework7 swipeout to delete products in my app.

When i swipe to left or right it remains in that position; than a dialog with cancel and ok is showing.

If i press ok > it removes the product on cancel only the dialog is hidding, the product <li> remains swiped.

Can't find no callback to hide/swipe back to right my product.

This is my code:

<li class="swipeout deleted-callback" data-id="my-id-xxx">
    ....
    <div class="swipeout-actions-right">
        <a href="#" data-confirm="Delete?" class="swipeout-delete swipeout-overswipe">Delete</a>
    </div>
</li>

$('.deleted-callback').on('swipeout:deleted', function() {
    deleteProduct($(this).data('id'));
});

Is this a bug or it's just me? Any help with that please?

Thanks

prasanna puttaswamy · Answer 1 · 2018-05-15T15:28:42.027

0

For this swipeout to close on cancel you need to do add data-close-on-cancel="true" to anchor tag.

 <li class="swipeout">
  <div class="swipeout-content item-content">
    <div class="item-media">...</div>
    <div class="item-inner">...</div>
  </div>
  <div class="swipeout-actions-right">
        <a href="#" class="swipeout-delete" data-confirm="Are you sure want to delete this item?" data-confirm-title="Delete?" data-close-on-cancel="true">Delete</a>
    </div>
  </div>
</li>

edited May 15 '18 at 15:28

answered May 11 '18 at 15:32

prasanna puttaswamy

997
2
7
9

I can close it with `app.swipeout.close('.swipeout'); ` but my problem is that I don't have a callback for **cancel** – Adrian May 14 '18 at 03:09
answer is updated, check, that should solve your problem. – prasanna puttaswamy May 15 '18 at 15:29
it's not working. I am using v2, maybe you got this from v1? – Adrian May 16 '18 at 02:31

Callback for Cancel in Framework7 swipeout?

1 Answers1