Marionette.CompositeView 中 serializeData 和 onRender 的区别

Question

我正在使用Marionette.CompositeView，我想了解serializeData 和onRender 之间的区别 基于这两个示例（1）和（2）。

根据文档serializeData在应用模板之前在render中调用，onRender在应用模板之后在render中调用。

我的问题是：
1) 为什么示例 (1) 有效而 (2) 无效？
2) 如果我重置集合，Marionette.CompositeView 会重新渲染吗？

请查看代码中的 cmets 了解更多详情。

---

(1)

return Marionette.CompositeView.extend({

        initialize: function () {
            this.collection = new MyCollection();
            this.collection.fetch();
        },

        onRender: function () {
            this.collection.length > 0 ? this.$el.show() : this.$el.hide();
           // it returns this.collection.length > 0 
           // differently from serializeData.
        }
});

---

(2)

return Marionette.CompositeView.extend({

        initialize: function () {
            this.collection = new MyCollection();
            this.collection.fetch();
        },

        serializeData: function () {
            this.collection.length > 0 ? this.$el.show() : this.$el.hide(); 
           // it returns this.collection.length = 0 
           // even if this.collection.length > 0. Why?
        }
});

Answer 1

1) 正如你所说，onRender 只是一个在渲染视图后调用的回调函数。

serializeData 必须返回一个有效的 JSON 对象，正如 Backbone Marionette documentation 所述：

如果您需要对数据进行自定义序列化，您可以提供 您的视图上的 serializeData 方法。它必须返回一个有效的 JSON 对象， 就好像您在模型或集合上调用了 .toJSON。

Backbone.Marionette.ItemView.extend({
  serializeData: function(){
    return {
      "some attribute": "some value"
    }
  }

});

2) IMO，答案是肯定的。在Backbone Marionette documentation 中是这样说的：

CollectionView：自动渲染

集合视图绑定到“添加”、“删除”和“重置”事件 指定的集合。

当视图的集合被“重置”时，视图将调用渲染 在自身上并重新渲染整个集合。

当一个模型被添加到集合中时，集合视图将 将该模型渲染到项目视图的集合中。

当模型从集合中移除（或销毁/删除）时， 集合视图将关闭并删除该模型的项目视图。