编辑:问题被撤销。 CollectionViews作为ContentViews的子类,不尊重布局,令人沮丧。
CollectionViews似乎不适用于布局。例如:
测试用例:http://jsfiddle.net/73sWp/
模板:
<script type="text/x-handlebars" data-template-name="layoutTest">
<div class="my-collection">
<h1>{{title}}</h1>
{{yield}}
</div>
</script>
<script type="text/x-handlebars" data-template-name="layoutTest-child">
<div class="an-item">
Hi there.
</div>
</script>
脚本:
var TestView = Ember.CollectionView.extend({
layoutName: "layoutTest",
title: "My Collection",
childViews: [
Ember.View.create({
templateName: 'layoutTest-child'
}),
Ember.View.create({
templateName: 'layoutTest-child'
})
]
});
$(function () {
TestView.create().appendTo(document.body);
});
预期:
<div class="my-collection">
<h1>My Collection</h1>
<div class="an-item">
Hi there.
</div>
<div class="an-item">
Hi there.
</div>
</div>
实际值:
<div class="an-item">
Hi there.
</div>
<div class="an-item">
Hi there.
</div>
我错过了一些明显的东西吗?
答案 0 :(得分:3)
布局是基于模板的,而CollectionViews的目的是在没有模板的情况下使用。
这个问题已经讨论了一下,我认为我们希望支持在ContainerViews中使用布局。
已提交添加此功能的提款请求:https://github.com/emberjs/ember.js/pull/928