extjs - 强制 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

我有完全相同的问题。当按钮被禁用时，它会阻止blur事件触发。

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