Backbone.js событие после view.render() завершено

Question

Кто-нибудь знает, какое событие будет запущено после представления в backbone.js?

Answer 1

Насколько я знаю - none is fired. Функция Render пуста в исходном коде.

The default implementation of render is a no-op

Я бы порекомендовал просто запускать его вручную, когда это необходимо.

Answer 2

constructor: function(){ 
    Backbone.View.call(this, arguments);  
    var oldRender = this.render 
    this.render = function(){ 
     oldRender.call(this) 
     // this.model.trigger('xxxxxxxxx') 
    }  
} 

как этот http://jsfiddle.net/8hQyB/

Answer 3

Я столкнулся с этой post, который кажется интересным

var myView = Backbone.View.extend({ 

    initialize: function(options) { 
     _.bindAll(this, 'beforeRender', 'render', 'afterRender'); 
     var _this = this; 
     this.render = _.wrap(this.render, function(render) { 
      _this.beforeRender(); 
      render(); 
      _this.afterRender(); 
      return _this; 
     }); 
    }, 

    beforeRender: function() { 
     console.log('beforeRender'); 
    }, 

    render: function() { 
     return this; 
    }, 

    afterRender: function() { 
     console.log('afterRender'); 
    } 
}); 

Answer 4

Или вы можете сделать следующее, что и код Backbone должен выглядеть (шаблон Observer, aka pub/sub). Это путь:

var myView = Backbone.View.extend({ 
    initialize: function() { 
     this.on('render', this.afterRender); 

     this.render(); 
    }, 

    render: function() { 
     this.trigger('render'); 
    }, 

    afterRender: function() { 
    } 
}); 

Edit: this.on('render', 'afterRender'); не будет работать - потому что Backbone.Events.on принимает только функции. Волна .on('event', 'methodName'); сделана возможной Backbone.View.delegateEvents и как таковая доступна только с событиями DOM.

Answer 5

Вместо добавления обработчика событий вручную для рендеринга при иналинизации вы также можете добавить событие в раздел «События» вашего представления. См. http://backbonejs.org/#View-delegateEvents

например.

events: { 
    'render': 'afterRender' 
} 

afterRender: function(e){ 
    alert("render complete") 
}, 

Answer 6

Если вам случится использовать Marionette, кукольный добавляет show и render события в представлениях. См. Пример this StackOverflow question.

На стороне записки, кукольный добавляет много других полезных функций, которые вы могли бы быть заинтересованы в