Implement the 'swipe to delete' UI-pattern in the Marionette framework.
npm install swipe-to-delete
var collectionView = Backbone.Marionette.CollectionView.extend({
childView: SwipeToDeleteView.default,
childViewOptions: function () {
return {
View: MessageView
};
}
});
`
- childView contains the swipe-to-delete Marionette view.
- childViewOptions returns its options.
$3
It's available on SwipeToDeleteView.default.
#### CommonJS
`
var SwipeToDeleteView = require('swipe-to-delete');
// SwipeToDeleteView.default
`
#### AMD
`
define(['swipe-to-delete'], function(SwipeToDeleteView) {
// SwipeToDeleteView.default
});
`
#### Global
`
`
$3
- View - This must be your a view object definition, not an instance. It can be any Backbone.View or be derived from Marionette.ItemView. Required.
- DeleteView - This is a decoration view object definition under a content view. By default, showed red element with trash icons. Optional.
- deleteSwipe - This is a number. If a content view is swiped more this the number than a swipe-to-delete view will start a delete animation. By default, it's equal "0.5". Optional.
$3
The swipe-to-delete view triggers following events on a content view:
- swipe:delete - when a delete animation is ended. It's used to destroy entity.
`
onSwipeDelete: function () {
this.model.destroy();
}
``