子视图在渲染方法中始终为空

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可能是零，因为你没有在render方法返回this。确保它这样做：

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