this. $ el은 컨테이너 요소를 가리 킵니다

Question

두 개의 뷰 ListView과 ItemView이 있습니다. ItemView은 ListView에 render에 다음과 같이 채워집니다

this.items.each(function(model, index) { 
    new ItemView({ 
     item: model, 
    }); 
}); 

모든 ItemView주 같은 컨테이너 el; <tbody>이고 템플릿은 <tr>입니다.

이벤트를 트리거하면 해당 요소를 포함하는 요소를 가리키며 예를 들어 save을 클릭하면 클릭 한 것만이 아니라 모두 ItemView에 저장됩니다. 이 행동을 우회하는 방법이 있습니까? 아니면 더 나은 방법이 있습니까? 이 일을 시도 할 수 있습니다

Answer 1

,

ListView = Backbone.View.extend({ 
     events : { 
      'click tr' : function(e){ 
         this.items.each(function(model){ 
         model.trigger('save'); 
        }); 
      } 
     } 
}) 

다음 항목을보기에서 이벤트 저장 바인딩합니다.

this.model.on('save', function(){ 
    //your code here 
});