How to search for a child in a panel in ExtJs

Question

How can I find if a particular child (item) exists in a panel using the id of the child.

Say I have a parent paned (id = parentPanel) and few panels as items of this parent panel. Now, I would like to search if a panel by id 'childPanel09' is a child of parent panel.

[Possibly without using iteration]

Note: I am using ExtJs 3.4

score 11 · Accepted Answer · answered Feb 06 '12 at 11:38

If you want to search only among direct childs of parentPanel you can use getComponent:

var childPanel = Ext.getCmp('parentPanel').getComponent('childPanel09');
if (childPanel) {
  alert('yes. child exists');
}

If you want to search not only among direct childs but at any layer under the parentPanel you can use find:

var childPanel = Ext.getCmp('parentPanel').find('id', 'childPanel09')[0]; // [0] because find returns array
if (childPanel) {
  alert('yes. child exists');
}

Thanks man. Although my problem was a bit different, but your answer solved it. — Raza Ahmed, Jun 11 '13 at 12:34

score 2 · Answer 2 · answered Mar 15 '16 at 15:27

2

Ext.Container.find() (from the accepted answer) is fine as of ExtJS 3.4 (which is what the question asked about). However, in ExtJS 4.0 and above, find() was removed in favour of Ext.Container.query(), which accomplishes the same thing.

answered Mar 15 '16 at 15:27

Craig Walker

49,871
54
152
212

How to search for a child in a panel in ExtJs

2 Answers2