Backbone.js + Handlebars.js - {{#each}} вместо просмотра модели?

Question

У меня есть коллекция под названием Projects, которая содержит несколько моделей модели 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); 
} 

или что-то подобное.