backbone.js - 带有嵌套选项卡的 Backbone.js 视图

Question

我编写了一个由嵌套选项卡组成的应用程序。我以https://github.com/tbranyen/backbone-boilerplate为例。我也使用 RequireJS。

我至少有两个级别的嵌套选项卡。其中一些具有相似的结构，我可以重用他们的观点。

例如，我有一个名为“文章”的选项卡，其中包含以下选项卡：“新建”、“已更改”、“已删除”（实际上选项卡的数量要多得多）。我有以下路线：

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

这些路由映射到名为“showPanel”的方法，该方法接受两个参数：panel 和 subPanel。使用这些参数，我想显示所需的面板。

是否有任何模式可用于解决此问题或任何其他示例？谢谢！

Answer 1

看看这个，希望能帮到你：）

showPanel 方法是通用方法，show panel 和 subPanel：

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);
  }

});