ExtJS. Hide all components within a container

Question

I have a window in which I am rendering a number of components like panels etc.

Is there a way I can hide all the components contained in window without having to hide them individually? Something like,

Ext.getComponent('myWindow').hideAllComponents();

I am using extjs 3.4.

Answer 1

If I understood you right, you do not want to hide your window, but the elements in your window. So can do this:

// get window, get element, get all direct children with css selector '*'
var children = Ext.get('myWindow').getEl().down('*')

// hide them all
Ext.each(children,function(child){child.hide();});