How should I bind to a window function in an Ember View?
ember.js
Solution
There's nothing wrong with registering your own event handler with jQuery for something like this.
Ember doesn't have any window event handling currently.
I'd also suggest trying to come up with a solution that didn't rely on globals.
Problem
I have a mixin which automatically recalculates and sets the height of a div on page resize. It works but it seems silly to me to be binding to a jQuery event and triggering an Ember event manually every time it is called. Is there a way to bind to window events directly in Ember? I have a simplified JSFiddle here This is the code: ``` 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') ) ``` And the mixin that is calling it. ``` 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) ```