複合視圖綁定的初始事件

Question

根據Composite View documentation在 複合視圖中事件reset,remove和add已經綁定到集合。

說，爲什麼我需要綁定reset事件來渲染我的CompositeView？

PS：
我使用Backbone.Marionette v0.9.1
請詳見（1）的代碼，（2）
其實這個問題是關於serializeData， 因爲當渲染功能從initialEvents變量has_message叫設置爲零。所以ul.messages未在模板中定義。 我應該如何解決它？

---

（1）

var CompositeView = Marionette.CompositeView.extend({ 

    template: CompositeTemplate, 

    itemView: messageView, 

    initialize: function() { 
     this.collection = new MessageCollection(); 
     this.collection.fetch(); 

     this.bindTo(this.collection, 'reset', this.render); 
     // deleting the previous line 
     // I cannot see the collection rendered after the fetch. 
    }, 

    serializeData: function() { 
     return { 
      has_messages: this.collection.length > 0 
     }; 
    }, 


    appendHtml: function (collectionView, itemView) { 
     collectionView.$el.find('ul.messages').append(itemView.el); 
    } 

}); 

---

（2）

// Template 


{{#if has_messages }} 
    <!-- list messages --> 
    <ul class="list messages"></ul> 
{{else}} 
    no messages 
{{/if}} 

Answer 1

綁定到 「renset」 需要自己是因爲複合視圖結合復位事件到集合渲染，而不是整個複合視圖：

https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.compositeview.md#events-and-callbacks

您的serializeData函數的問題可能是由上下文問題引起的。你需要改變你的事件綁定到這一點：

this.bindTo(this.collection, 'reset', this.render, this);

這將綁定與事件的看法的情況下。