将消息框添加到按钮图标

时间:2013-08-28 20:42:09

标签: button extjs extjs4 messagebox

我正在尝试在用户点击某个按钮时添加一个消息框。这是我的代码:

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

正确的割,当你点击按钮图标时根本没有任何事情发生,我需要它来显示我输入的消息。请帮助。

1 个答案:

答案 0 :(得分: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!")
                }
            }
        });
    }
}