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

Question

我有一个外部 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")); 之类的方法和其他一些方法，但它不起作用。理想情况下，最好在他们的回调代码末尾添加我的部分。或者将我的代码添加到消息框的hide/close事件中。

Answer 1

如果你执行：

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 'yes'、'no' 或 'cancel' 中收到了。

然后，在您的代码中：

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

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

ExtJS Ex.Msg adding additional listener

javascript

extjs

event-handling

listener

更新