Доступ к компонентам Ext JS с окном.document.getElementById

Question

Возможно ли получить доступ к компоненту Ext JS с окном.document.getElementById? Это вместо использования Ext.getCmp.

Answer 1

Нет, вы получите собственный объект без оболочки ExtJS.

Answer 2

На самом деле довольно тривиально искать компонент по элементу; каждый компонент имеет основной элемент с атрибутом id, соответствующим id компонента. Таким образом, мы можем сделать так:

function findComponentByElement(node) { 
    var topmost = document.body, 
     target = node, 
     cmp; 

    while (target && target.nodeType === 1 && target !== topmost) { 
     cmp = Ext.getCmp(target.id); 

     if (cmp) { 
      return cmp; 
     } 

     target = target.parentNode; 
    } 

    return null; 
} 

var node, cmp; 

node = document.getElementById('foo'); 
cmp = findComponentByElement(node); 

Если у вас есть Ext.Element экземпляр вместо голой HTMLElement, просто передать его указатель DOM вместо:

var el, cmp; 

el = Ext.Element.getActiveElement(); // Currently focused element 
cmp = findComponentByElement(el.dom); 

О, и ради только для полноты , вот как получить оболочку Ext.Element для HTMLElement:

var node, el; 

node = document.getElementById('bar'); 
el = new Ext.Element(node);