Usunięcie widoku szkieletu powoduje, że el

Question

Tworzę aplikację z jedną stroną, a ja jestem całkiem nowy w zakresie szkieletu. Mam problem z tworzeniem wielu widoków, które używają tego samego opakowania-div.

Moja konfiguracja:

Dodałem ścisłą funkcję do wszystkich widokach:

Backbone.View.prototype.close = function(){ 
    this.remove(); 
    this.off(); 
    if (this.onClose){ 
     this.onClose(); 
    } 
} 

Mam otoki DIV gdzie chcę, aby uczynić poglądy, usunąć je i czynią nowe. Więc moja SetupView wygląda następująco:

app.SetupView = Backbone.View.extend({ 
    el: '#my_view_wrapper', 
    ... 
}); 

Z funkcji gdzie mogę zamienić widoki zamknąć obecny (otwarty) Widok tak:

var v = this.model.get('view'); 
v.close(); 

Pytanie

Moim problemem jest to, że Mam wiele widoków przy użyciu tego samego opakowania-div. Ale kiedy zamykam widok, to opakowanie-div wydaje się być usunięte, a następny widok, który próbuję utworzyć, nie może znaleźć tego elementu div.

Sądzę, że istnieje proste rozwiązanie? Chcę ponownie użyć tego samego opakowania i usunąć tylko jego widok, a nie samego opakowania.

Answer 1

W swoim scenariuszu nie używaj istniejącego elementu DOM jako wartości "el". Backbone stworzy dla ciebie element. Podczas tworzenia widoku możesz wykonać następujące czynności, aby dołączyć je do istniejącego elementu zawijania.

$(viewName.render().el).appendTo('#my_view_wrapper'); 

Answer 2

tylko jako dodatek (do wglądu): Inną opcją jest zastąpienie subviews remove tak, że po prostu opróżnia $el zamiast usuwania go. Na przykład.

remove: function() { 
     this.$el.empty().off(); /* off to unbind the events */ 
     this.stopListening(); 
     return this; 
} 

Osobiście preferuję to, ponieważ eliminuje potrzebę wkładania elementów opakowania, które nie mają rzeczywistego zastosowania.