編集:質問は取り消されました。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>
明らかな何かが欠けていますか?