Установить динамически Classname на просмотре Backbone визуализации

Question

Я вид Backbone, где имя класс устанавливается динамически с помощью функции:

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; 
    }, 

Когда я обновляю модель представления я вызвать событие изменения, оказывающий вид , Проблема в том, что className не пересчитывается с помощью рендеринга ... Как я могу пересчитать имя класса при визуализации представления?

У кого-нибудь есть идея? Спасибо

Answer 1

Вам необходимо будет обновить ваш class вручную после метода render. Магистральный инициализирует className элемента вашего View только один момент времени в течение метода _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); 
     } 
} 

Если вы посмотрите у него есть чек в случае уже существует элемент. Во всяком случае, вы можете сделать это вручную в методе render:

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