backbone remove view cancella el

Question

Sto creando un'applicazione a singola pagina, e sono abbastanza nuovo per il backbone. Ho un problema con la creazione di più viste che utilizza lo stesso wrapper-div.

La mia configurazione:

Ho aggiunto una funzione vicino a tutte le viste:

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

Ho un involucro-div dove voglio rendere vista, rimuoverli e rendere nuovi. Quindi il mio SetupView assomiglia a questo:

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

Dalla funzione dove sostituisco vista chiudo la corrente (aperto) Vista in questo modo:

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

Domanda

mio problema è che Ho più viste che usano lo stesso wrapper-div. Ma quando chiudo una vista, questo wrapper-div sembra essere rimosso, e la prossima vista che cerco di creare non può trovare questo div.

Immagino che ci sia una soluzione facile? Voglio riutilizzare lo stesso wrapper e rimuovere solo la vista al suo interno, non il wrapper stesso.

Answer 1

Nello scenario non utilizzare un elemento DOM esistente come valore "el". Backbone creerà l'elemento per te. Quando si crea un'istanza della vista, è possibile eseguire le seguenti operazioni per collegarlo all'elemento di spostamento esistente.

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

Answer 2

Proprio come aggiuntivo (per riferimento futuro): Un'altra opzione è quella sovrascrivere i subviews remove modo che solo svuota $el invece di rimuoverlo. Per esempio.

Personalmente preferisco questo, in quanto elimina la necessità di inserire elementi wrapper che non hanno reale utilizzo.