How to disable button Ext JS

Question

I have a button with id of btnAdd and I want to disable it when some event is fired. The event occurs when some window is closed. So I tried the following code and it does not work.

Ext.create('Ext.window.Window', {
    // Some initialization code goes here...
    listeners: {
       close: function(panel, eOpts){
          Ext.get('btnAdd').disable(); // this does not work;
          Ext.get('btnAdd').setDisabled(); // this one does not either
          Ext.get('btnAdd').disabled = true; // And this one also seems to do nothing
       }
    }
});

How can I do that? This may seem to be pretty easy question but don't judge me bad. I'm quite new to Ext JS. I could not find the answer in the API Documentation either.

score 18 · Accepted Answer · answered Jun 26 '13 at 07:37

18

Ext.get('btnAdd').setDisabled(true);

http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.button.Button-method-setDisabled

answered Jun 26 '13 at 07:37

zerkms

249,484
69
436
539

You solution was true, but I had to change one thing. Instead of Ext.get() I had to use Ext.getCmp(). So Ext.getCmp('btnAdd').setDisabled(true); this one worked perfectly. And can you tell me what is the difference between these two methods? – Dimitri Jun 26 '13 at 07:49
@Dima: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext-method-get & http://docs.sencha.com/extjs/4.2.1/#!/api/Ext-method-getCmp – zerkms Jun 26 '13 at 07:53

score 4 · Answer 2 · answered Oct 20 '15 at 05:12

4

IF the button is Extjs component then use

Ext.getCmp('btnAdd').disable();

If it is not Ext js Component then use

Ext.get('btnAdd').setDisabled(true);

I hope this will help.

answered Oct 20 '15 at 05:12

Sajid Zaman

65
7

score 2 · Answer 3 · edited Oct 15 '15 at 14:21

2

Ext.get('btnid').disable();
Ext.get('btnid').setDisabled(true);

both return errors, the best way that work without issues is

Ext.getCmp('btnid').setDisabled(true)

and you can set a text when the button is disabled to notify the user.

Example:

Ext.getCmp('btnid').setText("Button has been disabled")

edited Oct 15 '15 at 14:21

Dipen Shah

1,911
10
29
45

answered Oct 15 '15 at 13:44

Asanda Lamba

37
7

score 1 · Answer 4 · edited Mar 13 '14 at 06:38

1

Ext.get('btnid').disable();
Ext.get('btnid').setDisabled(true);

edited Mar 13 '14 at 06:38

Praveen

55,303
33
133
164

answered Jun 26 '13 at 13:24

DeveloperSystem

47
10

How to disable button Ext JS

4 Answers4

Linked