button - 将消息框添加到按钮图标

Question

当用户单击某个按钮时，我正在尝试添加一个消息框。这是我拥有的代码：

{
    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!")
                }
            }
        });
    }
}

右键，当您单击按钮图标时，什么都没有发生，我需要它来显示我输入的消息。请帮忙。

Answer 1

按钮没有启动功能，您需要使用处理程序功能。

像这样：

{
    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!")
                }
            }
        });
    }
}