Ember.js rerender on window resize issue

gistfile1.txt

    init: function() {
        var view = this;

        var resizeHandler = function() {
            view.rerender();
        };

        this.set('resizeHandler', resizeHandler);
        $(window).bind('resize', this.get('resizeHandler'));
    },

    willDestroy: function() {
        $(window).unbind('resize', this.get('resizeHandler'));
    }

Thanks, I was looking for a way to handle a resize in an organised fashion, so that's exactly what I wanted!

Cheers!

I think you need a this._super(); at the beginning of init here.

Works like a charm after adding this._super();. Thanks @samselikoff for pointing it out.

There is now a new, clean way to do this: http://emberjs.com/blog/2014/02/12/ember-1-4-0-and-ember-1-5-0-beta-released.html#toc_ember-run-bind

@mark-henry how could I use that run-bind to rerender any page in the app on window resize?

$.bind is not preferred; use $.on instead.