extjs - 如何禁用按钮 Ext JS

Question

我有一个 id 的按钮，btnAdd我想在触发某些事件时禁用它。该事件在某个窗口关闭时发生。所以我尝试了以下代码，但它不起作用。

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

我怎样才能做到这一点？这似乎是一个很简单的问题，但不要评判我不好。我对 Ext JS 很陌生。我也无法在 API 文档中找到答案。

Answer 1

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

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

Answer 2

如果按钮是 Extjs 组件，则使用

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

如果不是 Ext js 组件，则使用

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

我希望这将有所帮助。

Answer 3

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

两者都返回错误，没有问题的最佳方法是

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

并且您可以在按钮被禁用时设置文本以通知用户。

例子：

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

Answer 4

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