将消息框添加到按钮图标

Posted 2021-03-29

我想在用户点击某个按钮时添加一个消息框。这是我的代码：

{
    text: 'Button Icon',
    id: 'buttonIcon',
    cls: 'x-btn-text-icon',
    launch: function() {
        Ext.MessageBox.show({
            title: "",
            msg: "Message Text",
            icon: Ext.MessageBox.WARNING,
            buttons: Ext.MessageBox.OKCANCEL,
            fn: function(buttonIcon) {
                if (buttonIcon === "ok") {
                    alert("Done!")
                }
            }
        });
    }
}

现在，当你点击按钮图标时根本没有任何事情发生，我需要它来显示我输入的消息。请帮忙。

答案

按钮没有启动功能，而是需要使用处理函数。

像这样：

{
    text: 'Button Icon',
    id: 'buttonIcon',
    cls: 'x-btn-text-icon',
    handler: function() {
        Ext.MessageBox.show({
            title: "",
            msg: "Message Text",
            icon: Ext.MessageBox.WARNING,
            buttons: Ext.MessageBox.OKCANCEL,
            fn: function(buttonIcon) {
                if (buttonIcon === "ok") {
                    alert("Done!")
                }
            }
        });
    }
}