1

ネストされたタブで構成されるアプリケーションを作成します。例として、 https://github.com/tbranyen/backbone-boilerplateを取り上げました。私もRequireJSを使っています。

少なくとも 2 レベルのネストされたタブがあります。それらのいくつかは同様の構造を持ち、それらのビューを再利用できます。

たとえば、「New」、「Changed」、「Deleted」というタブを含む「Articles」という名前のタブがあります（実際には、タブの数ははるかに多くなります）。私は次のルートについて持っています：

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

これらのルートは、2 つの引数 (panel と subPanel) を取る「showPanel」という名前のメソッドにマップされます。これらの引数を使用して、必要なパネルを表示したいと思います。

この問題または他の例を解決するために適用できるパターンはありますか? ありがとう！

4

1 に答える 1

1

これを見て、あなたを助けることができることを願っています:)

showPanelメソッドは一般的なメソッドであり、showpanelと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);
  }

});
于 2013-02-25T09:11:43.890 に答える