與骨幹

Question

切換視圖我在尋找使用Backbone.js的

切換視圖的最佳模式

比方說，我有一個基本的DOM結構是這樣的：

<div id="header">Some fixed content</div> 
<div id="mainContainer"></div> 
<div id="footer">Some other content</div> 

而且我有兩個意見「 viewOne「和」viewTwo「，我想在mainContainer中另外顯示。

路由器應該是這樣的：

routes: { 
    'one': 'pageOne', 
    'two': 'pageTwo' 
},  
pageOne: function() { 
    viewOne.render(); 
}, 
pageTwo: function(){ 
    viewTwo.render(); 
} 

我應該在哪裏添加或刪除view.el到DOM？ 在視圖之間切換的最佳模式是什麼？

Answer 1

我將使用更高級別的視圖（附加到#maincontainer），將負責呈現其子視圖。從你所描述的內容來看，你的觀點太不同了，根據某些條件考慮使用單一視圖渲染它們，而且我認爲它總是更清晰，具有層次結構樹視圖，因此渲染整個頁面基本上是調用頂層視圖，級別視圖的.render（）（代表孩子）。

您的maincontainer級別的視圖可能會暴露兩個函數，比如renderPageOne和renderPageTwo，這就是路由器必須知道的所有內容。在這些函數中，可以跟蹤要呈現的子視圖，並調用this.render（），它清除當前內容（在maincontainer el上使用jQuery的.empty（）），並插入正確的子視圖的頂層元素（ .el）。