内でコレクションをレンダリングするのにいくつか問題がありますItemView
。Form Marionette doc ( Rendering A Collection In An ItemView )には、コレクションをに渡すことができItemView
、テンプレート内でitems
そのように繰り返すことができると書かれています。
<script id="some-template" type="text/html">
<ul>
<% _.each(items, function(item){ %>
<li> <%= item.someAttribute %> </li>
<% }); %>
</ul>
</script>
しかし、私の場合はうまくいかないようです。
これは私が使用しているコードです。
var report1 = new ReportModel({ name: "David", report:"1" });
var report2 = new ReportModel({ name: "Mark", report:"2" });
var report3 = new ReportModel({ name: "Jack", report:"3" });
var reportCollection = new ReportCollection( [report1, report2, report3] );
// create the view and inject somewhere, code skipped for brevity here
new CollectView( { model: reportModel, collection: reportCollection } );
テンプレートは、このようにハンドルバーによって強化されます。
{{log items}}
{{#each items}}
<div data-role="drop-class"><span>{{this.name}}</span></div>
{{/each}}
ログインするitems
と、undefined
が表示されます。
ビューのモデルは、他のデータを表示するために使用されます。私の要件: が必要ItemView
です。いいえCollection
またはCompositeView
。
何かアドバイス?