ExtJS Ex.Msg 添加额外的监听器

如何解决ExtJS Ex.Msg 添加额外的监听器

我有一个外部 javascript 库，我必须使用它。该库使用的是 ExtJS 6.6。这个库有这个代码

var confirmationCallback = function(btn) {
  if (btn == "yes") {
    //do something
  }
};

Ext.Msg.show({
  title:  'Confirm Operation',buttons: Ext.MessageBox.YESNO,fn: confirmationCallback,icon: Ext.MessageBox.WARNING,msg: 'Are you sure?',scope: this
});

我的问题是当用户单击“否”按钮时我需要做一些事情，并且库中没有处理程序。他们只处理是按钮。此外，由于许可证和许多其他原因，我无法修改此库。

我的问题：我可以以某种方式添加无按钮句柄吗？我只能将我的 javascript 代码放在 Ext.Msg.show 调用之前（这里的库中有一个自定义点）。我尝试了类似 Ext.Msg.on("hide",console.log("hide listener")); 和其他一些方法，但它不起作用。理想情况下，最好在他们的回调代码末尾添加我的部分。或者将我的代码添加到消息框的隐藏/关闭事件中。

解决方法

如果你执行：

Ext.Msg.show({
    title: 'Confirm Operation',buttons: Ext.MessageBox.YESNO,icon: Ext.MessageBox.WARNING,msg: 'Are you sure?',fn: function (buttonId) {
        alert('You pressed the "' + buttonId + '" button.');
    },scope: this
});

您可以看到您在 buttonId 中收到了“是”、“否”或“取消”。

然后，在您的代码中：

var confirmationCallback = function(btn) {
  if (btn == "yes") {
    //do something
  } else if (btn == "no") {
    //do something
  } else if (btn == "cancel") {
    //The user has closed the dialog.
  }
};

更新

您可以使用 ExtJs Ext.override 函数覆盖 Ext.window.MessageBox。这是一个有效的选项，您不会违反许可条款。

我已经写了显示解决方案的 Sencha Fiddle：https://fiddle.sencha.com/#view/editor&fiddle/3ch0