问题描述
我有一个外部 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