백본의 기사에 크기 조정 이벤트를 추가하려면 어떻게합니까?

Question

events: 
    'click textarea': 'composeComment' 
    'click .submit': 'submit' 
    'blur textarea': 'textareaBlur' 
    'resize article': 'repositionBoards' 


repositionBoards: -> 
    #this is my own function, i just need it to be called everytime an article's size changes 
    board.align() 

은 어떻게 repositionBoards 방법은 크기 조정 이벤트에서 호출받을 수 있나요?

Answer 1

resize event는 window로 전송 : 브라우저 윈도우의 크기가

을 변경하지만 백본보기의 이벤트가 뷰의에 바인딩 할 때

resize 이벤트는 window 요소로 전송 el을 사용하여 delegate을 사용하십시오. 보기의 el은 resize 이벤트를 가져 오지 않으므로 'resize articule': 'repositionBoards'을보기의 events에 넣는 것이 좋습니다. 당신이보기에 resize 이벤트를 취득해야하는 경우

, 당신은 window 자신을 바인딩해야합니다 : 당신이 당신의 resize 핸들러를 바인딩을 해제 할 수 있도록

initialize: (options) -> 
    $(window).on('resize', this.repositionBoards) 
remove: -> 
    $(window).off('resize', this.repositionBoards) # Clean up after yourself. 
    @$el.remove() # The default implementation does this. 
    @ 
repositionBoards: -> 
    # Use => if you need to worry about what `@` is 
    board.align() 

는 또한 remove를 추가 할 수 있습니다. 물론, view.remove()을 사용하여보기를 제거하거나 해당보기가 전체 응용 프로그램 인 경우 걱정할 필요가 없습니다.