如何在骨干重新渲染部分模型？

Question

我有一个答案列表如下图所示：

每个项目为骨干的模型。

{ 
    title: 'answer title...', 
    content: 'answer content...', 
    voteStatus: 'up' 
} 

当我点击赞成票或反对票，该模型的voteStatus将改变，而这个答案项目被重新呈现。

如果答案内容中有图片，图片也会重新渲染，但这不是我想要的。

我刚换好voteStatus后，怎么才能重新显示投票按钮？

Answer 1

您的AnswerView中有一个子视图，它只负责呈现投票箭头VotingArrowsView。你会初始化的AnswerView的initialize函数内部的子视图，然后在前面加上子视图的el父视图的el时render荷兰国际集团父视图：

var AnswerView = Backbone.View.extend({ 
    initialize: function(options){ 
    this.template = _.template($('#answerTmpl').html()); 
    this.votingArrowsView = new VotingArrowsView({ model: this.model }); 
    ... 
    }, 
    render: function(){ 
    this.$el.html(this.template(this.model.toJSON())); 
    this.$el.prepend(this.votingArrowsView.render().el); 
    return this; 
    }, 
    ... 
}); 

var VotingArrowsView = Backbone.View.extend({ 
    initialize: function(options){ 
    this.template = _.template($('#votingArrowsTmpl').html()); 
    this.listenTo(this.model, 'change:voteStatus', this.render); 
    }, 
    render: function(){ 
    this.$el.html(this.template(this.model.toJSON())); 
    return this; 
    } 
});