Backbone.jsを使ったレンダリングソートメニュー

Question

私はBackbone.jsを使ってアイテムのリストをレンダリングしています。これは働いている、私はモデル、コレクションとビューを持っています。

私がしたいことは、メインナビゲーションを持つことです。& Sub Navは、リスト項目のソートオプションを提供します。

メインナビゲーションはちょうど2つのアイテムなので、ページにハードコードされています。サブナビゲーションについては、メインナビゲーション選択に基づいて動的にレンダリングしたいと思います。サブナビゲーション項目は静的です。

私はときMainNav項目の変更を観察するイベントを設定します。

events : { 
    "click #items-main-nav" : "onNavMainClick" 
}, 

私の質問は、私は2つのメインナビゲーション項目のsubnav項目を定義しますどこにあるのでしょうか？そしてそれらをレンダリングする方法。そして、これはすべてbackbone.jsビューファイルにどこに保存すべきですか？

おかげ

Answer 1

あなたがMainNav上で選択した項目に応じたテンプレートを挿入しますsubNavコンテナ内、subNavコンテナをレンダリングつのビューを持つことになります。私はそれが以下のようになるはずだと思います....

var subNav = Backbone.View.extend({ 

    tagName: "div", 

    events: { 
    "click #items-main-nav" : "onNavMainClick" 
    }, 

    onNavMainClick : function(event){ 
    //determine which item they clicked on the main nav 
    //and call render with correct paramters 
    render(option); 
    }, 

    render: function(option) { 

    $(this.el).html(option.template(this.model.toJSON())); 
    return this; 
    } 

});