javascript - 在 Ext.window.MessageBox 的按钮上添加点击监听器

Question

我正在动态地创建一个消息框 (Ext.window.MessageBox)

var msgBox = Ext.create('Ext.window.MessageBox', {
       title: '',
       //message in window
       msg: 'message text',
       icon: 'WARNING',
       //buttons
       buttons: 'OKCANCEL',
       //onclick funciton
       fn: myfunc
 });

我正在添加确定和取消按钮。是否可以在 OK 按钮上添加点击监听器，以便只有在按下 OK 按钮时我才能做我的事情？

是否可以将特定的 ID 添加到 OK 和 Cancel 按钮，以便我可以更容易地区分它们，而不是使用 ExtJS 中预生成的 ID？

Answer 1

您可以改用以下构造:

Ext.MessageBox.show({
    title: "",
    msg: "message text",
    icon: Ext.MessageBox.WARNING,
    buttons: Ext.MessageBox.OKCANCEL,
    fn: function(buttonId) {
        if (buttonId === "ok") {
            // do on OK pressed
        }
    }
});

此处 fn 处理程序中的第一个参数是按下按钮的字符串值。

演示: http://jsfiddle.net/xj9qY/