1

私はバックボーンを初めて使用するので、このようなビュー構造を作成する必要があります。

<header>
  <nav>...</nav>
</header>
<section id="content">
  here i want to dynamically render a sub-view with its own events..
</section>
<footer>...</footer>

サブビューは、ユーザーがナビゲーション上のリンクをクリックすると変化し、常に異なるサブビュー（たとえば、ニュースを含むHomeViewまたは認証プロセス用のLoginView ...）

LayoutViewのすべてのイベントを委任せずに、これを実現するにはどうすればよいですか？

4

1 に答える 1

2

を使用しBackbone.Routerます。ビュー内のナビゲーションリンククリックイベントを処理する代わりに、それらのhrefプロパティをルートと一致させます。

したがって、次のようなナビゲーション設定がある場合：

<nav>
  <a href="#home">Home</a>
  <a href="#login">Login</a>
</nav>

ルーターは次のようになります。

Backbone.Router.extend({
  routes: {
    home:   'homePage',
    login:  'loginPage'
  },
  home: function() {
      $("#content").html(new HomeView().render().el);
  },
  login: function() {
      $("#content").html(new LoginView().render().el);
  }
});
于 2013-01-16T22:18:39.377 に答える