javascript - 分机。隐藏容器中的所有组件

Question

我有一个窗口，我在其中渲染了许多组件，例如面板等。

有没有办法可以隐藏窗口中包含的所有组件而不必单独隐藏它们？就像是，

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

我正在使用 extjs 3.4。

Answer 1

尝试为您的容器设置样式

Ext.get('myWindow').setStyle('display','none');

Answer 2

如果我理解正确，您不想隐藏窗口，而是隐藏窗口中的元素。所以可以这样做：

// 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();});

Answer 3

假设myWindow是对您的窗口的引用，您可以使用：

Ext.each(myWindow.items.items, function(cmp) { cmp.hide(); });

其他答案提到Ext.get但它检索 DOM 元素，而不是组件。

参见：ExtJS 隐藏所有子组件