强制Ext-Js 4按钮失去焦点

Question

使用Ext-Js 4.1.0

我有一个非常简单的面板，只有一个按钮。该按钮有一个处理程序，它使用Ext.Ajax.request进行REST调用，这里是类似的代码：

...
handler: function(button) {
   button.disable();
   Ext.Ajax.request({
      url: '/path/to/rest',
      method: 'POST',
      success: function() {
         button.enable();
         alert('Success!');
      },
      failure: function() {
         button.enable();
         alert('Failed!');
      }
   });
}

如您所见，我禁用了按钮，然后在成功或失败后启用。问题是现在按钮具有焦点，因此具有焦点CSS类。

如何“取消对焦”按钮，使其失去焦点CSS类并返回到最初选择之前的样式？

Answer 1

我有exact same problem。如果禁用某个按钮，则会阻止blur事件触发。

我需要为我的事件禁用我的按钮（就像你一样），所以最简单的解决方案是在我的处理程序链中的某处手动触发button.blur()事件。