backbone.js - バックボーン ビューの階層/リージョン

Question

バックボーン ルーターとビューの使用方法を理解するのに苦労しています。次のような URL が必要です:index.html#/products/list最初にユニバーサル ビューを呼び出して、基本的なページの足場を DOM に挿入し、グローバル ロゴのようなアイテムを表示します。次に、いくつかの一般的な「製品」DOM 要素を挿入する製品ビューを呼び出します。次に、製品のリストを表示する「リスト」ビューを呼び出します。

私が次のようなことをした場合：

var router =  Backbone.Router.extend({
      initialize : function() {
        new HeaderView({el:"#header"}).render();
      },

このinitializeルーチンは、ページが最初にロードされたときにのみ呼び出されます。何かがヘッダーをクリアした場合、ルーターが既に存在するため、ルートに戻っても再表示されinitializeず、再度呼び出されることはありません。

もちろん、次のようなルートを設定できます:"/products/list"/関数を呼び出しますが、その関数はページ全体を描画する必要があります。これは、すべてのルート内で繰り返される必要があるコードであり、全体を「上下逆さま」にします。

私はマリオネットのようなものを見てきましたが、それはナッツを割るのに大ハンマーになる可能性があるようです.

最後に、Backbone.Router を完全に放棄し、URL を解析してサブビューへの委任を行う 1 つの大きなグローバル ビューを持つことができましたが、それも正しくありません!

このビューの「階層」を持つ簡単な方法はありますか?