CompositeView中的SerializeData

Question

我需要將值傳遞給listView.template以便了解有關collection.length的模板。
我認爲一種選擇是重新定義serializeData方法以便以這種方式傳遞參數。

var ListView = Marionette.CompositeView.extend({ 

    initialize: function() { 
     this.collection.on('reset', this.serializeData, this); 
     this.collection.on('remove', this.serializeData, this); 
     this.collection.on('add', this.serializeData, this); 
    }, 

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

    // other codes 
}); 

---

當我開始app的collection尚未取這樣：

1.A）的collection.legth = 0
2.B）模板得到has_tasks = false預期。後

2.A）獲取collection.length is > 0，
2.B）的serializeData被調用，所以它把has_tasks = true，
2.C）模板似乎沒有渲染，因爲它保持了has_tasks = false

任何想法，因爲2.c？

Answer 1

最新Marionette通過調用視圖上的可選templateHelpers來解決此問題，以便爲視圖提供附加上下文。另外，您的事件綁定不是Marionette友好的，因爲它在卸載視圖時不會自動解除綁定。因此，所有你需要在你的觀點做的是：

var ListView = Marionette.CompositeView.extend({ 

    initialize: function() { 
     this.bindTo(this.collection, "add", this.render, this); 
     this.bindTo(this.collection, "remove", this.render, this); 
     this.bindTo(this.collection, "reset", this.render, this); 
    }, 

    templateHelpers: function() { 
     console.log(this.collection.length); 
     return { 
      has_tasks: this.collection.length > 0 
     }; 
    }, 

    // other codes 
}); 

但是請注意，你可能不希望重新呈現整個視圖和所有的子元素的每一個項目被添加或刪除的時間。更好的方法是隻更新顯示的計數。例如：

Answer 2

我只想使用類似：

​​

再次調用serializeData將會對你的看法沒有影響。您需要再次渲染以顯示新值（因爲render將通過再次調用serializeData來獲取數據）。

無論如何，將hasTask發送到模板的要點是什麼，因爲您可以訪問集合（因此它的長度）？