無法渲染集合在一個木偶項目查看

Question

我有一些問題，以呈現集合wihin 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。

有什麼建議嗎？

Answer 1

如果傳遞都模型和收集到的ItemView，該items陣列沒有在serializeData method渲染視圖之前調用設置。這就是爲什麼items是undefined。

爲了使items在這種情況下可用，有必要適當地覆蓋serializeData方法。

（參見answer for this same issue in Marionette's GitHub）

Answer 2

視圖並不需要知道模型和集合。

嘗試：

// create the view and inject somewhere, code skipped for brevity here 
new CollectView({ collection: reportCollection });