正確的方式將多個骨幹視圖添加到父視圖

Question

我有多個骨幹的看法，使一個屏幕，現在我這樣做是這樣的：

render : function() { 
    this.$el.html(this.template()); 

    this.view2 = new View2(); 
    this.view2.render(); 
    this.$el.append(this.view2.$el); 

    ... more views added here as necessary 
} 

這是處理多個視圖正確的方法或有沒有更好的方法來將視圖附加到當前視圖？

我希望能夠destory並重新創建與父視圖中刪除/添加相關的HTML得到一個視圖，而不必做手工。

Answer 1

說實話，我真的建議你結帳Marionette功能。我有一個建立大型應用程序與骨幹的經驗，可以說它是真正的魔術棒在發展。它可以幫助您避免內存泄漏，處理視圖，並使您的代碼更加緊湊，明顯降低樣板代碼。

所以你的情況，你可以得到佈局查看，創建地區和渲染地區的意見。

var Layout = Marionette.Layout.extend({ 
    regions: { 
     head: "#head", 
     main: "#main" 
    } 
}); 

var layout = new Layout(); 
layout.render(); 

layout.main.show(new SomeView());