backbone.js - Backbone.js + Handlebars.js - {{#each}} 而不是模型视图？

Question

我有一个名为 Collection 的集合Projects，其中包含几个 type 模型Project。当我想列出所有项目时，我使用ListProjectsView. 它的render功能为集合中的每个项目生成一个ProjectView，从而可以通过将事件绑定到其名称来删除单个项目。

但是，现在我想使用 Handlebars 来创建模板。使用把手可以更轻松地显示所有集合模型，使用each助手，如下所示：

<ul>
  {{#each projects}}
  <li>{{this.name}}</li>
  {{/each}}
</ul> 

这很好，但现在我想知道如何删除一个项目，因为我不再使用ProjectView了。我是否需要为id每个添加一个<li>以便我可以绑定一个事件？或者我必须用它ProjectView来做到这一点？

提前致谢。

Answer 1

这里的逻辑必须通过 ListProjectsView 运行。一种方法是按照你说的做并附加一个data-id到每个li然后在你的事件处理程序中获取目标

deleteProjectHandler : function(evt){
    var $target = $(evt.target), id = $target.data('id');

    this.deleteProject(id);
}

或者类似的东西。