Ember.js: Sprawdź, czy element widoku jest wstawiony do DOM

Question

W metodzie podklasy Ember.View, chciałbym wprowadzić zmiany w DOM tylko wtedy, gdy element widoku został już wstawiony do DOM. Jak mogę to sprawdzić?

wiem mogę utworzyć właściwość pomocniczą tak:

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

Ale jest jakiś kanoniczny, wbudowany sposób?

Nie znalazłem nic szumiącego view.js, ale być może czegoś brakuje.

Answer 1

Jeśli chcesz uniknąć konieczności ustawić flagę pomocniczą, można wydłużyć Ember.View:

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

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

Teraz każdy widok, który rozciąga Ember.View dostanie powyżej.

Również członek zespołu podstawowego sugerował, że unikasz odwoływania się do inDOM, ponieważ jest to zmienna wewnętrzna i nie jest przeznaczona do użycia w kodzie.

Answer 2

Każdy widok ma właściwość _state, która jest ustawiona na "inDOM" po wstawieniu elementu.

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

powinien działać. Upewnij się, że masz poprawną this!