Event removal capture in View in Backbone js

Question

Is there any way to listen to delete / kill events on a Backbone view.?

I want to do something like below:

$(myBackboneView).on('remove', function () {
    // do some processing
});

or

$(myBackboneView).on('destroy', function () {
    // do some processing
});

Thanks in advance.:)

Answer 1

You can try to override the method View.remove::

Backbone.View.extend({
    remove: function(){
        // Your processing code here

        Backbone.View.prototype.remove.apply(this, arguments);
    };
});

Answer 2

I tried the following and this works for me:

$(myBackboneView.el).on('remove', function () {
    // do some processing
});

Is this a good approach? Or is there something even better than this?

Answer 3

, "" remove().

BaseView = Backbone.View.extend({
    remove: function () {
        this.trigger('remove', this)
        return Backbone.View.prototype.remove.apply(this, arguments)
    }
})

, :

this.listenTo(otherView, 'remove', func)