액세스 요소 - Backbone.JS

Question

---

편집 :

해결

코드, 언급 한 바와 같이 하나의 시간에 대한 또 다른 비열한 하나, 많이 감사와 죄송의 두 오타! Backbone.js

을 탐험하면서

안녕하세요 SO는

나의 현재 문제가 발생했습니다 내가 백본을 사용하여 간단한 HTML 테이블을 만든

, 각 행은 모델에 전달되는 모든 행의 모음입니다 모든 것을 렌더링하는 견해 - 지금까지는 너무 좋아.

내 테이블에는 다음과 같은 클래스가 있습니다. 각 테이블 셀에는 .tablecell 클래스가 있고 각 행에는 .tablerow 클래스가 있습니다.

현재 테이블 셀을 클릭 할 때마다 올바르게 실행되는 클릭 이벤트가 있습니다. 알아두면 좋겠지 만 가능하면 '클릭 한'표 셀에 액세스하여 속성을 변경하는 방법이 있습니다. 간단한 예로, 클릭 한 셀의 클래스를 변경하거나 배경색을 변경하십시오.

할 수 있습니까? 아니면 완전히 빠진 것이 있습니까?

현재 나의 생각은 각 셀이 자기 자신의 견해와 자신의 사건으로 자신의 모델이어야한다는 것입니다.하지만 나는 그렇게 복잡해야한다고 생각하지 않습니다. 미리 감사드립니다.

내 하나의보기는 이것이다 :

  var rowView = Backbone.View.extend({ 

       //usual view attributes : el, model, initialize etc. 

       events : 
        { 
        "click.tablecell" : "clickOnCell", 
        }, 

        clickOnCell : function(cell) 
        { 
         cell = $(cell.currentTarget); 
         cell.css("font-weight","bold"); 
        }, 
       render : function() { 

     // boring render method, renders correctly. 

       }, 
      }); 

당신은 events 해시에 이벤트와 핸들러 (당신이 당신의 예에 blankspace 누락)에 추가해야합니다

Answer 1

:

events: { 'click .tablecell': 'clickOnCell' } 

당신은 jQuery를받을를 (또는 jQuery를 대체 할 다른 프레임 워크) 이벤트 객체 :

clickOnCell: function (e) { 

    var $td = $(e.currentTarget); 

    $td.css('color', 'red'); 

} 

뷰 의 끝에서 이벤트 위임이 발생 함을 이해합니다. 즉,보기에 행으로 el 속성이 있어야 함을 의미합니다.

뷰 정의 중에 el 속성을 설정할 수없는 경우 (해당되는 것처럼 보임) render 동안 테이블 행 요소에 setElement을 사용해보십시오.

render: function() { 

    //... 

    var myRow = $('<tr/>'); 

    this.setElement(myRow);   

    //... 

} 

희망이 있습니다.