2

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

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

http://backbonejs.org/

考虑以下情况：-

    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 时，我会更改侧边栏右侧的内容

关于如何获得这个的任何指导..？

4

1 回答 1

1

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

视图之间的事件处理

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

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);
   }
   // .....
});
于 2013-07-12T07:17:35.653 回答