子視圖在渲染方法中始終爲空

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 
}