EXTJS - Öğenin var olup olmadığını nasıl doğrular?

Question

Bazı formları almak için ext formPanel'de bir boxComponent bulunup bulunmadığını bilmem gerekiyor ... Bunu bilmenin bir yolu var mı? Böyle şey:

if(getElementById("boxId") != 'undefined'){ 
    alert('exists'); 
} 

Answer 1

Sen Ext.get('boxId') kullanabilirsiniz. Nesne yoksa ve Ext.Element nesnesini döndürdüğünde null döndürür.

getElementById kullanımı muhtemelen daha hızlı olacaktır. Buna karşı belirli bir itirazınız var mı? Elements için

var myBoxCmp = Ext.getCmp('cmpId'); 
if(myBoxCmp){ 
    myBoxCmp.doSomething(); 
} 

Aynı şey:

var el = Ext.get('elId'); 
if(el){ 
    el.doSomething(); 
} 

Ayrıca Container.findById gibi yöntemleri kullanmak, ancak bir kimliği varsa (bunu varsayarak olabilir çoğu insan kullanmak

Answer 2

yaygın desen şudur olması gereken benzersizdir, sadece getCmp kullanın.

DÜZENLEME: Birkaç yıl bu orijinal cevap geçti ve günümüzde getCmp genellikle code smell olarak hoş karşılanmaz ve tipik uygulamalarda kaçınılmalıdır (genellikle gereklidir kötü tasarıma işaret küresel referanslar, teşvik). Bu kontrol başvuruları kullanmak için tipik olarak daha iyi ilgili bileşenleri (örneğin down, child, getComponent, vs.)

Answer 3

kullanımı Ext.isEmpty (nesne) yöntemi referans veya çeşitli ComponentQuery Konteyner yöntemleri (MVC kullanılıyorsa).

if(Ext.isEmpty(getElementById("boxId")) { 
    alert('boxId is empty'); 
} 

Answer 4

Ben de bunu extjs şekilde yapmak ve ben bir yerli js yöntemdir ve diffrenet tarayıcılarda uyumsuzluk sorunlarına neden olabilir getElementById() kullanmamayı tercih:

 if (!Ext.getCmp('componentid')) { 
      alert('boxId is empty'); 
    } 

Answer 5

function openView(cid) { 
    shortName = cid.substr(cid.lastIndexOf(".")+1, cid.length); 
    if(Ext.get(shortName) == null) Ext.create(cid); 
    Ext.Viewport.setActiveItem(Ext.getCmp(shortName)); 
} 

Bu fonksiyon

openView('MyApp.view.Oeffnungszeiten'); 

gibi bir görünüm açar ve Görünüm varsa eski örneğini erişir