Ausführen von Code einmal nach all Ansichten vollständig in Ember.js

Question

So etwas wie Dokument fertig gemacht haben, aber nachdem alle Ember Ansichten

Rendering ich dieses Recht jetzt mit einer Überschreibung auf ApplicationView didInsertElement, tue das so zu sein scheint zu funktionieren weit:

App.ApplicationView = Em.View.extend({ 
    didInsertElement: function() { 
    // Do your magic. 
    } 
}); 

ich frage mich, ob dies der richtige Weg für ein Ember Dokument fertig ist, oder wenn Ember hat eine native Unterstützung für diese einfache und sehr gewöhnliche Sache.

Answer 1

Die didInsertElement ist der richtige Ort, aber wenn Sie Warteschlange ganz sicher, dass Ihr machen zu wollen ist komplett gespült Sie auch an der afterRender Ereignis, so etwas wie das hören könnte:

App.ApplicationView = Ember.View.extend({ 
    didInsertElement: function() { 
    Ember.run.scheduleOnce('afterRender', this, 'processChildElements'); 
    }, 

    processChildElements: function() { 
    // do here what you want with the DOM 
    } 
}); 

Hoffe, es hilft.

Answer 2

Sie können problemlos einen "Post-Render" -Hook hinzufügen, indem Sie die Basis-View-Klasse erneut öffnen und in die Render-Warteschlange einfügen.

Hier einige Code, den Sie zu zeigen, wie:

Ember.View.reopen({ 
    didInsertElement : function() { 
     this._super(); 
     Ember.run.scheduleOnce('afterRender', this, this.didRenderElement); 
    }, 
    didRenderElement : function() { 
     // Override this in your View's 
    } 
}); 

Answer 3

App.ApplicationView = Ember.View.extend({ 
    afterRender: function() { 
    Ember.run.next(this, function() { 
     // This will run one time, after the full initial render. 
    }); 
    } 
});