带有嵌套选项卡的 Backbone.js 视图答案

【问题标题】：Backbone.js views with nested tabs带有嵌套选项卡的 Backbone.js 视图
【发布时间】：2013-02-23 17:23:44
【问题描述】：

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

我至少有两层嵌套标签。其中一些具有相似的结构，我可以重用它们的视图。

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

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

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

我可以应用任何模式来解决此问题或任何其他示例吗？谢谢！

【问题讨论】：

标签： backbone.js backbone-views backbone-routing

【解决方案1】：

看this，希望能帮到你:)

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

});

【讨论】：

请提供答案，而不仅仅是链接
感谢您的回答。看起来很有趣，但我认为这不是我真正想要的。我需要创建视图而不仅仅是显示/隐藏现有视图。