根据属性集合更改视图

Question

我正在使用Ember.js构建日历应用程序并遇到了一些麻烦。

这就是列模板的样子：

<script type='text/x-handlebars' data-template-name='instructor/lessons'>
  <div class='planning-column'>
    {{#each}}
      {{render 'lesson' this}}
    {{/each}}
  </div>
</script>

这是课程模板的样子：

<script type='text/x-handlebars' data-template-name='lesson'>
  <div class='lesson' {{bind-attr style='style'}}>
    <div class='lesson-content'>
      <div class='lesson-time'>{{start_time}}</div>
      {{student}}
    </div>
  </div>
</script>

事情是：某些事件（课程）重叠。我希望在事件与其他事件重叠时调整事件的宽度，就像Google日历一样。我应该在哪里检测事件是否重叠？我应该为此目的创建App.LessonView吗？如何在这样的视图中迭代事件数组？我也许正在考虑这个错误吗？