ExtJs4 how to disable all fields and all buttons on a panel recursively

extjs extjs4
Andrey Selitsky picture Andrey Selitsky · Feb 20, 2012 · Viewed 23.2k times · Source

I'm trying to disable all clickable, editable components on my panel.

Calling panel.disable() grays it out, but buttons are still clickable. The same result gives panel.cascade with a function that disables each component.

What is the right way to do this?

Answer

Amol Katdare picture Amol Katdare · Feb 21, 2012

If you are using ExtJs 4.x, this is what you are looking for -

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

(Modify your selector based on the complexity of your form. You can just use .component and it will disable all component in your form)

See also - Ext.ComponentQuery

If you are using 3.x, you can achieve the same effect in two steps like this -

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

Related questions

How to display binary data as image - extjs 4

Here is the binary for a valid .JPEG image. http://pastebin.ca/raw/2314500 I have tried to use Python to save this binary data into an image. How can I convert this data to a viewable .JPEG image with extjs 4? …

Read More
Explain ExtJS 4 event handling

I've recently started learning ExtJS, and have trouble understanding how to handle Events. I have no experience of any previous versions of ExtJS. From reading various manuals, guides and documentation pages, I've figured out how to use it, but I'm …

Read More
Extjs 4 combobox default value

I'm migrating my application from ExtJs 3 to 4 version. I have several comboboxes at my formPanel, and previously I've used hiddenName and all that stuff to submit valueField instead of displayField. All my adaptation works fine (value field IS submitting), but …

Read More