Как интегрировать jquery-kason с ember.js?

Question

Я в настоящее время занят изучением ember.js, и мне интересно, как лучше всего использовать кладку с ember. Я не могу найти ничего хорошего. У кого-нибудь есть несколько советов?

Answer 1

Я сделал очень грубую интеграцию для прототипа. Код, приведенный ниже, является хорошей отправной точкой, но потребуется больше работы в зависимости от того, как пользователи взаимодействуют с контентом.

Предполагается, что у вас уже есть рабочая страница ember с ArrayController, готовым к рендерингу.

Вот View, которая использует Кладка:

App.HomeView = Ember.View.extend({ 

    onDidInsertElement: function() { 
    this.reMason(); 
    }.on('didInsertElement'), 

    onWillDestroy: function() { 
    this.$('.masonry').masonry('destroy'); 
    }.on('willDestroy'), 

    reMason: function() { 
    this.$('.masonry').masonry({ 
     // masonry init options here 
    }); 
    this.$('.masonry').imagesLoaded(function() { 
     this.$('.masonry').masonry(); 
    }.bind(this)); 
    } 

}); 

Вот шаблон, где мы оказываем кладку HTML

<script type="text/x-handlebars" data-template-name="homeView"> 
    ... 
    <div class="masonry"> 
     {{#each}} 
     // render each masonry item here. 
     {{/each}} 
    </div> 
    ... 
</script>