Set động classname trên xem Backbone làm

Question

Tôi đã nhìn Backbone nơi className được thiết lập tự động với một chức năng:

app.Views.ItemRequestView = Backbone.View.extend({ 

    tagName  : 'tr', 

    className : function(){ 

     var classRow = ''; 

     if(this.model.getState() == app.Models.Request.status.wait.key) { 
      classRow = app.Models.Request.status.wait.color + ' bolder'; 
     } 
     else if(this.model.getState() == app.Models.Request.status.confirm.key){ 
      classRow = app.Models.Request.status.confirm.color + ' bolder'; 
     } 

     return classRow; 
    }, 

Khi tôi cập nhật các mô hình của các quan điểm tôi kích hoạt một sự kiện thay đổi người làm cho xem . Vấn đề là className không tính toán lại với kết xuất ... Làm cách nào tôi có thể tính toán lại className khi tôi hiển thị chế độ xem?

Có ai có ý tưởng không? Cảm ơn

Answer 1

Bạn sẽ phải cập nhật class theo cách thủ công sau phương thức render. Backbone khởi tạo className của phần tử của Xem chỉ một lần thời gian trong phương pháp _ensureElement:

_ensureElement: function() { 
     if (!this.el) { 
     var attrs = _.extend({}, _.result(this, 'attributes')); 
     if (this.id) attrs.id = _.result(this, 'id'); 
     if (this.className) attrs['class'] = _.result(this, 'className'); 
     var $el = Backbone.$('<' + _.result(this, 'tagName') + '>').attr(attrs); 
     this.setElement($el, false); 
     } else { 
     this.setElement(_.result(this, 'el'), false); 
     } 
} 

Nếu bạn có một cái nhìn nó có một tấm séc trong trường hợp của nguyên tố này đã tồn tại. Dù sao, bạn có thể làm điều đó theo cách thủ công theo phương pháp render:

render: function(){ 
    //Your logic 
    this.$el.attr('class', _.result(this, 'className')); 
}