Using Isotope.js with Ember.js

gistfile1.txt

// Controller
App.SomeController = Ember.ArrayController.extend({
  items: []
});

// View
App.SomeView = Ember.View.extend({
  // this will be run once the didInsertElement event occurs, and any time an item is added
  initIsotope: function(){
    // use the run loop to execute after rendering is complete
    Ember.run.scheduleOnce('afterRender', this, function(){
      var iso = this.$('#isotope-container");
      // setup container
      iso.isotope({
        //options
        itemSelector : '.item',
        layoutMode : 'fitRows'
      });
      // find and add any items that aren't already initiated
      iso.isotope('appended', iso.find('.item:not(.isotope-item)'));
    });
  }.on('didInsertElement').observes('controller.items.@each'),
  
  // this will clean up your container
  cleanUpIsotope: function(){
    // returns elements to original state to prevent memory leaks
    this.$('#isotope-container").isotope('destroy');
  }.on('willClearRender')
});

Thanks for this. You do have one small typo on line 10 and 27. Just need to replace the double quotes have '#isotope-container" with single.