如何在 ExtJs 面板中搜索子项

Question

如何使用子项的 id 查找面板中是否存在特定子项（项目）。

假设我有一个父面板 (id =parentPanel) 和几个面板作为该父面板的项目。现在，我想搜索 id 为“childPanel09”的面板是否是父面板的子面板。

[可能不使用迭代]

注意：我正在使用 ExtJs 3.4

Answer 1

如果您只想在parentPanel的直接子级中搜索，可以使用 getComponent：

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

如果您不仅想在直接子级中搜索，而且想在parentPanel下的任何层中搜索，您可以使用查找：

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

Answer 2

Ext.Container.find() （来自已接受的答案）很好 自 ExtJS 3.4 起（这就是问题所问的内容）。然而，在 ExtJS 4.0 及更高版本中，find() 被删除，取而代之的是 Ext.Container.query()，它完成同样的事情。