Переход Ember и событие завершения рендеринга

Есть несколько способов решить эту проблему

сделалInsertElement

Это запускается, когда представление вставляется в первый раз, но не запускается, если модель переключается под представлением (потому что Ember любит повторно использовать элементы, так как это дешевле, чем перестраивать весь DOM). Пример ниже.

Простой

Если вам нужно сделать это только один раз, при первой вставке представления, используйте didInsertElement

App.FooView = Em.View.extend({
  setupSomething: function(){
    console.log('the dom is in place, manipulate');
  }.on('didInsertElement')
});

Пример: http://emberjs.jsbin.com/wuxemo/1/edit

Сложный

Если вам нужно что-то запланировать после того, как DOM был отрендерен из самого маршрута, вы можете использовать schedule и вставить его в очередь afterRender.

App.FooRoute = Em.Route.extend({
  setupController: function(controller, model){
    this._super('controller', model);
    Ember.run.schedule('afterRender', this, function () {
      //Do it here
    });
  }
});

Пример: http://emberjs.jsbin.com/wuxemo/2/edit

Обещание перехода

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

Если вы хотите подключиться к событию перехода, вы можете сделать это так:

var self = this;
transitionTo('foo').then(function(){
    Ember.run.schedule('afterRender', self, function () {
          //Do it here
    });
})

Вам может подойти хук afterModel:

App.MyRoute = Ember.Route.extend({
  afterModel: function(model, transition) {
    transition.then(function() {
      // Done transitioning
    });
  }
});

Я протестировал это с помощью RC-7 с маршрутами, которые имеют и не имеют динамических сегментов (т. е. маршрут с моделью и маршрут без модели). Кажется, это работает в любом случае.

См. этот JSBin для примера RC-6:
Вывод: http://jsbin.com/OteC/1/
Источник: http://jsbin.com/OteC/1/edit?html,js

setupController — это последнее, что вызывает маршрутизатор перед завершением перехода. И если он завершится без ошибок, с точки зрения Ember переход завершен. Вы действительно увидите это в действии, включив LOG_TRANSITIONS_INTERNAL.

В этот момент не имеет значения, выдал ли контроллер ошибку, представление выдало ошибку и т. д. Маршрутизатор завершил переход на целевой маршрут.

Таким образом, setupController — это последнее место с точки зрения маршрутизатора, которое соответствует didTransition.

Когда содержимое/модель, поддерживающая контроллер, изменяется в существующем представлении, вступают в силу привязки. Большинство изменений, которые происходят с представлением в этот момент, происходят посредством метаморфинга.

Ближайшее место, которое я могу придумать, это View.render, которое подталкивает изменения в RenderBuffer. Но вам все еще нужно учитывать метаморфозы через примеси, которые происходят здесь.

didTransition действительно существует, как вы надеялись, но это действие, а не хук

XXRouter
actions: {
    didTransition: function() {
        this.controller.set("hasTransitioned", true); // or whatever is needed?!
        return true; // Bubble the didTransition event
    },
}


XXController    
observeTransition: function() {
    alert('complete Transition');
}.observes('hasTransitioned'),