У меня есть mixin, который автоматически пересчитывает и устанавливает высоту div на размер страницы.
Это работает, но мне кажется глупым быть привязкой к событию jQuery и запускать событие Ember вручную каждый раз, когда он вызывается.
Есть ли способ привязки к событиям окна непосредственно в Ember?
У меня есть упрощенный JSFiddle здесь
Это код:
App.windowWrapper = Ember.Object.create(Ember.Evented,
resizeTimer: null
init: ->
@_super()
object = this
$(window).on 'resize', ->
window.clearTimeout(object.resizeTimer)
object.resizeTimer = setTimeout( App.windowWrapper.resize, 100)
true
resize: ->
App.windowWrapper.fire('resize')
)
И миксин, который его вызывает.
App.Scrollable = Ember.Mixin.create
classNames: "scrollable"
init: ->
Ember.assert("Scrollable must be mixed in to a View", this instanceof Ember.View)
@_super()
didInsertElement: ->
@_super()
@calculateHeight()
App.windowWrapper.on('resize', this, 'calculateHeight')
willDestroyElement: ->
App.windowWrapper.off('resize', this, 'calculateHeight')
@_super()
calculateHeight: ->
offset = @$().offset().top
windowHeight = $(window).height()
@$().css('height', windowHeight - offset)