使用backbone.js创建侧栏

我想使用backbone.js创建一个示例页面，我对它完全陌生

该视图应该类似于backbone.js网站中显示的视图，其中有一个侧栏，右侧有一个内容。 如本链接所示：-

考虑以下场景：-

    var model = Backbone.Model.extend({
       data:[
          {'title': 'Apple', 'logo':'images/apple.png', 'history': "Some history about       apple"},
           {'title': 'Google', 'logo':'images/google.png', 'history': "Some history about       google"},
           {'title': 'Microsoft', 'logo':'images/mirosoft.png', 'history': "Some history about microsoft"} 
]
       ]
    });

现在在我看来，侧边栏应该包含列表形式的链接，如

<a href="#apple">Apple</a>
<a href="#google">Google</a>
<a href="#microsoft">Microsoft</a>

在右边，我想看看上面数据中传递的苹果标志和历史

类似地，当有人在运行时单击google时，我会更改侧边栏右侧的内容

---

有关于如何获取此参数的指导吗？

请参阅下面的答案，以了解有关在视图之间传递参数的基本概念：

基本上，您必须注册一个事件，该事件在触发时将重新显示您的主要内容：

ContentView = Backbone.View.extend({
   initialize: function () {
       App.vent.on('show', this.show, this);
   },
   show: function (company) {
       // do something with your model, then call render()
   }
   // ....
});

以及一个边栏视图，当您单击任何链接时，该视图将触发该事件：

SidebarView = Backbone.View.extend({
   events: {
      '.companylink click': 'clicked'
   },
   clicked: function (company) {
       App.vent.trigger('show', company);
   }
   // .....
});