BackboneJS - 如何创建子菜单

Question

如何在Backbone中创建子菜单？我有一个主路由器和主导航菜单，我想添加一个子菜单，例如第三页，添加3-4个锚点。

我该如何处理？我是否必须创建一些额外的路由器并在特定视图中“导入/加载”它们？

Answer 1

在视图方面，您将在第三页视图中处理子菜单视图。

关于路线，如果它们与您的第三页相关，请尝试嵌套网址：

routes: {
  "page/3": "thirdPageHome",
  "page/3/{subPage}": "thirdPageSub"
}

然后在thirdPageSub中，您将解析子路径，然后从那里我将调用发送到另一个路由器方法：

Backbone.Router.extend({
  routes: {
    "page/3": "thirdPageHome",
    "page/3/{subPage}": "thirdPageSub"
  },

  thirdPageSub: function( subRoute ) {
    if ( subRoute === "foo" ) return this.thirdPageFoo();
  },

  thirdPageFoo: function() {
    // do your stuff
  }
});