ExtJS 4 - 指定された要素の子孫であるすべてのコンポーネントを取得する

Question

特定のHTML要素の子孫としてレンダリングされるすべてのExtJSコンポーネントを見つける最も効率的な方法は何でしょうか？この要素はコンポーネント自体の一部ではなく、Extによって何らかの形で管理されているわけではなく、ハードコードされた生のHTMLです。また、この要素にはextコンポーネントのみが含まれているだけでなく、他の非ext管理HTMLも含まれている可能性があります。また、htmlにはextコンポーネントも含まれています。したがって、ソリューションは、直接の子どもを見るだけでなく、DOMの下を横切る必要があります。

Answer 1

私の提案は、各要素のIDをExt.getCmp（ハッシュマップルックアップ）と照らし合わせて調べることです。その後、Component方法を歩いに切り替えることもできますが、私はそれは基本的に同じ速度になると思います、あなたはすでにあなたと一緒に開始するためにDOMを歩いているかのようにもそれを維持することがあります

var dom = ...; 
var components = []; 
Ext.Array.each(Ext.get(dom).query('*'), function(dom) { 
    var cmp = Ext.getCmp(dom.id); 
    if (cmp) 
    components.push(cmp); 
}); 

Ext.get(dom).query('*')あなたが希望よりも、あなた自身の歩行器を持っている方が効率的かもしれない多くの作業を行うことができ、このように：

function walk(dom, callback) { 
    if (dom.nodeType === 1) { 
    callback(dom); 
    Ext.Array.each(dom.childNodes, function(child) { 
     walk(child, callback); 
    }); 
    } 
} 
var dom = ...; 
var components = []; 
walk(dom, function(dom) { 
    var cmp = Ext.getCmp(dom.id); 
    if (cmp) 
    components.push(cmp); 
}); 

このすべては、DOM IDがあれば、私は知らないコンポーネントのIDを、一致していることを前提としていこれはExtの将来のバージョンで頼りになるものです。