渲染方法中的子视图始终为null

Question

当您在this.ImagesView中呼叫render时，为什么PostCreateView为空？

即使它已被初始化，它也始终为空。

PostCreateView = Backbone.View.extend({
    el: $('#create-product'),
    template: _.template(createTemplate),
    ImagesView: null,           
    initialize: function() {            
        this.ImagesView = new ImageViewCollection().render().el;
    },
    render: function() {
        this.$el.find('#images-collection').append(this.ImagesView)
    }
});

Answer 1

this.ImagesView = new ImageViewCollection().render().el;是不好的惯例。

你应该做的是：

PostCreateView = Backbone.View.extend({
    el: $('#create-product'),
    template: _.template(createTemplate),
    ImagesView: null,           
    initialize: function() {            
        this.ImagesView = new ImageViewCollection()
    },
    render: function() {
        this.$el.find('#images-collection').append(this.ImagesView.render().el)
    }
});

更新

来自el的

ImageViewCollection可能为空，因为您未在this方法中返回render。确保它执行此操作：

render: function(){
  // image view render logic
  return this
}