帶有嵌套選項卡的Backbone.js視圖

Question

我編寫了一個由嵌套選項卡組成的應用程序。作爲一個例子，我拿了https://github.com/tbranyen/backbone-boilerplate。我也使用RequireJS。

我至少有兩層嵌套選項卡。其中一些具有相似的結構，我可以重複使用他們的觀點。例如，我有一個名爲「Articles」的選項卡，其中包含標籤：「新建」，「更改」，「已刪除」（實際上標籤數量更多）。我有以下途徑：

/articles 
/articles/new 
/articles/changed/ 
/articles/deleted 

這些路由映射到一個名爲「showPanel」這需要兩個參數的方法：面板及子面板。使用這些參數我想顯示需要的面板。

有沒有我可以用來解決這個問題或任何其他例子的任何模式？謝謝！

Answer 1

看看this，希望能夠幫助您:)

showPanel方法是一般的方法，顯示面板和子面板：

function showPanel(panel, subPanel){ 
    $('#panels').children().hide().filter(panel).show().children().hide().filter(subPanel).show(); 
} 

路由配置：

var Router = Backbone.Router.extend({ 
    routes: { 
    'articles': 'articlesPanel', 
    'articles/:subPanel': 'articlesSubPanel' 
    }, 
    articlesPanel: function(){ 
    showPanel('#articles', ''); 
    }, 
    articlesSubPanel: function(subPanel){ 
    showPanel('#articles', '#'+subPanel); 
    } 

});