Zerstören oder entfernen Sie eine Ansicht in Backbone.js

Ich versuche derzeit, eine Zerstörungs- / Entfernungsmethode für Ansichten zu implementieren, kann jedoch keine generische Lösung für alle meine Ansichten finden.

Ich hatte gehofft, dass es ein Ereignis geben würde, das an den Controller angehängt werden könnte. Wenn eine neue Anforderung eingeht, werden frühere Ansichten zerstört und die neuen geladen.

Gibt es eine Möglichkeit, dies zu tun, ohne für jede Ansicht eine Entfernungsfunktion erstellen zu müssen?

Ohne alle Informationen zu kennen ... Sie könnten einen Reset-Trigger an Ihr Modell oder Ihren Controller binden:

this.bind("reset", this.updateView);

Wenn Sie die Ansichten zurücksetzen möchten, lösen Sie einen Reset aus.

Führen Sie für Ihren Rückruf Folgendes aus:

updateView: function() {
  view.remove();
  view.render();
};

Ich musste absolut sicher sein, dass die Ansicht nicht nur aus DOM entfernt, sondern auch völlig ungebunden von Ereignissen war.

destroy_view: function() {

    // COMPLETELY UNBIND THE VIEW
    this.undelegateEvents();

    this.$el.removeData().unbind(); 

    // Remove view from DOM
    this.remove();  
    Backbone.View.prototype.remove.call(this);

}

Es schien mir übertrieben, aber andere Ansätze haben den Trick nicht vollständig geschafft.

Ich weiß, dass ich zu spät zur Party komme, aber hoffentlich ist dies für jemand anderen nützlich. Wenn Sie Backbone v0.9.9 + verwenden, können Sie listenTound verwendenstopListening

initialize: function () {
    this.listenTo(this.model, 'change', this.render);
    this.listenTo(this.model, 'destroy', this.remove);
}

stopListeningwird automatisch von aufgerufen remove. Hier und hier können Sie mehr lesen

Das habe ich benutzt. Ich habe keine Probleme gesehen.

destroy: function(){
  this.remove();
  this.unbind();
}

Laut aktueller Backbone-Dokumentation ....

view.remove ()

Entfernt eine Ansicht und ihr Element aus dem DOM und ruft stopListening auf, um alle gebundenen Ereignisse zu entfernen, für die die Ansicht listenTo'd hat.

Ich denke das sollte funktionieren

destroyView : function () {
    this.$el.remove();
}

Sie könnten den Weg nutzen, um das Problem zu lösen!

initialize:function(){
    this.trigger('remove-compnents-cart');
    var _this = this;
    Backbone.View.prototype.on('remove-compnents-cart',function(){
        //Backbone.View.prototype.remove;
        Backbone.View.prototype.off();
        _this.undelegateEvents();
    })
}

Ein anderer Weg: Erstellen Sie eine globale Variable wie folgt:_global.routerList

initialize:function(){
    this.routerName = 'home';
    _global.routerList.push(this);
}
/*remove it in memory*/
for (var i=0;i<_global.routerList.length;i++){
    Backbone.View.prototype.remove.call(_global.routerList[i]);
}