Вложенные представления: привязки событий с надлежащим ui

Question

У меня есть приложение, в котором один тип представления вложен в один и тот же тип. Что-то вроде этого http://take.ms/ylAeq

Как я могу поймать событие на кнопке просмотра и активировать событие в правильном представлении?

У меня есть ситуации, когда у меня есть ~ 10 выстрелил события Потому магистральная связывает событие для всех внутренних кнопок, а не только кнопки надлежащего зрения

У меня есть одна идея - я сделать в шаблоне id="node_body_<%= id %>" так на основе каждой кнопки идентификатор на идентификаторе модели его представления. Но как я могу передать объект события? события: { "click #node_body_" + id : 'method' } не работает.

Answer 1

Вопрос - это событие пузыри. События на вашем пузыре внутреннего видения до el его родительского представления, который прослушивает события на одном и том же селекторе, в свою очередь вызывая его обработчик.

Это может быть исправлено путем остановки распространения события в обработчике соответствующего вида по:

Backbone.View.extend({ 
    events: { 
    'click .thing': 'do_thing' 
    }, 
    do_thing: function(event) { 
    event.stopPropagation(); // prevents event reaching parent view 
    } 
}); 

Answer 2

Большинство свойств представлений Backbone могут быть функциями вместо литеральных значений. Например, эти две вещи имеют один и тот же результат:

Backbone.View.extend({ 
    events: { 
     'click .thing': 'do_thing' 
    }, 
    do_thing: function() { ... } 
}); 

и

Backbone.View.extend({ 
    events: function() { 
     return { 
      'click .thing': 'do_thing' 
     }; 
    }, 
    do_thing: function() { ... } 
}); 

Так что, если ваш events зависит от свойств зрения, то вы хотите использовать функцию вместо объекта буквальный:

events: function() { 
    var events  = { }; 
    var event_spec = 'click #nody_body' + this.id; 
    events[event_spec] = 'method'; 
    return events; 
} 

это предполагает, что id является свойство зрения, что вы используете в шаблоне.