Comment détacher une vue Backbone d'un élément sans affecter le DOM?

Question

Nous utilisons des vues Backbone pour améliorer notre application, et l'architecture de notre application nous oblige à attacher nos vues aux éléments DOM existants.

Nous avons récemment rencontré une situation dans laquelle il est nécessaire de détacher une vue Backbone d'un élément DOM sans supprimer l'élément DOM lui-même. Ainsi, nous ne pouvons pas utiliser View.remove() car il appellera à son tour this.$el.remove();

J'avais initialement créé la méthode suivante pour détacher la vue, mais je crains que je causer une fuite de mémoire:

detach: function() { 
    this.stopListening(); 
    this.unbind(); 
    this.setElement(null); 
} 

Cela remplace efficacement l'élément de la vue avec un objet jQuery vide, et il délie tous les événements Backbone. Cependant, il m'est apparu que jQuery pourrait stocker une référence au nouvel objet vide. Je ne suis pas tout à fait clair sur les internes de jQuery donc je ne peux pas commenter sur l'efficacité de cette méthode.

Je me suis alors modifié la méthode comme suit:

detach: function() { 
    this.stopListening(); 
    this.unbind(); 
    this.undelegateEvents(); 
    this.el = null; 
    this.$el = null; 
} 

Je pense que ce mieux d'obtenir le résultat souhaité car il supprime toutes les références au DOM et à jQuery. Je ne suis pas sûr à 100% de cette approche, alors je me demandais comment les autres ont géré ce scénario.

Cette méthode semble-t-elle saine? Y a-t-il un meilleur moyen d'y parvenir?

Answer 1

Étendre la vue et remplacer la suppression pour qu'elle ne l'appelle plus. $ El.remove();

Exemple

var EnhanceView = Backbone.View.extend({ 
remove: function() { 
    this.stopListening(); 
    return this; 
} 
}); 

devrait être aussi simple que cela.