Ember.js: Controlla se l'elemento di visualizzazione è inserito in DOM

Question

In un metodo su una sottoclasse Ember.View, vorrei apportare modifiche al DOM solo se l'elemento di visualizzazione è già stato inserito nel DOM. Come posso verificarlo?

So che potrei creare una proprietà ausiliario in questo modo:

didInsertElement: function() { 
    this.set('elementIsInserted', true); 
} 
willDestroyElement: function() { 
    this.set('elementIsInserted', false); 
} 

ma c'è qualche, modo incorporato canonica?

Non ho trovato nulla sfiorando lo view.js, ma forse mi manca qualcosa.

Answer 1

Se si vuole evitare di dover impostare una bandiera ausiliario, è possibile estendere Ember.View:

Ember.View.reopen({ 
    didInsertElement: function() { 
     this.set('elementIsInserted', true); 
     this._super(); 
    }, 

    willDestroyElement: function() { 
     this.set('elementIsInserted', false); 
     this._super(); 
    } 
}); 

Ora ogni vista che si estende Ember.View otterrà quanto sopra.

Anche un membro del team principale ha suggerito di evitare di fare riferimento a inDOM in quanto è una variabile interna e non è destinata a essere utilizzata nel codice.

Answer 2

Ogni vista ha una proprietà _state, che è impostata su "inDOM" quando l'elemento è inserito.

if (this._state=="inDOM") doStuff(); 

dovrebbe funzionare. Assicurati di avere il corretto this!