砌体与ember.js?
我目前正在忙于学习ember.js,我想知道如何最好地使用砖石与烬。 我找不到任何好的howtos。 任何人都有一些提示?
我为原型做了非常粗略的整合。 下面的代码是一个很好的起点,但需要更多的工作,这取决于用户如何与内容交互。
这假定你已经有了一个可用于渲染的ArrayController的工作内容页面。
这里是利用石工的景观:
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>
链接地址: http://www.djcxy.com/p/61933.html