ExtJs4 如何递归地禁用面板上的所有字段和所有按钮

Question

我正在尝试禁用面板上所有可点击、可编辑的组件。

调用 panel.disable()变灰，但按钮仍然可以点击。
同样的结果给出 panel.cascade具有禁用每个组件的功能。

这样做的正确方法是什么？

Answer 1

如果您使用的是 ExtJs 4.x ，这就是你要找的——

myFormPanel.query('.field, .button').forEach(function(c){c.setDisabled(false);});

(根据表单的复杂程度修改选择器。您可以只使用 .component ，它将禁用表单中的所有组件)

另见 - Ext.ComponentQuery

如果您正在使用 3.x ，你可以像这样分两步达到同样的效果——

myFormPanel.buttons.forEach(function(btn){btn.setDisabled(true);}); //disable all buttons
myFormPanel.getForm().items.each(function(itm){itm.setDisabled(true)}); //disable all fields