如何将参数传递给Toaster的onClick事件?

时间:2018-06-27 08:26:59

标签: javascript toastr

我处于以下情况:我必须在Toastr通知单击时打开一个页面。 考虑到从SignalR收到通知时在实际情况下显示的弹出窗口。在dojo中,我创建了一个名为test的对象,因此创建起来更加简单

您可以到达道场here

代码如下:

$(function () {

var test ={"Message" : "ciao"};

toastr.options.onclick = function(e) {alert(test.Message); }

$('#error').click(function () {
    // make it not dissappear
    toastr.error("Noooo oo oo ooooo!!!", "Title", {
        "timeOut": "0",
        "extendedTImeout": "0"
    });
});
$('#info').click(function () {
    // title is optional
    toastr.info("Info Message", "Title");
});
$('#warning').click(function () {
    toastr.warning("Warning");
});
$('#success').click(function () {
    toastr.success("YYEESSSSSSS");
});

});

我希望将测试对象作为参数而不是全局参数传递

1 个答案:

答案 0 :(得分:1)

希望还不算太晚-但在类似情况下,这对我有帮助:

    toastr.options.onclick = function(e) {alert(this.data.Message); }

        $('#error').click(function () {
            // make it not dissappear
            toastr.error("Noooo oo oo ooooo!!!", "Title", {
                "timeOut": "0",
                "extendedTImeout": "0", 
                "data": {"Message": "ciao error"}
            });
        });
        $('#info').click(function () {
            // title is optional
            toastr.info("Info Message", "Title", {
                   "data": {"Message": "ciao info"}
            });
        });
        $('#warning').click(function () {
            toastr.warning("Warning");
        });
        $('#success').click(function () {
            toastr.success("YYEESSSSSSS");
        });
    });

http://jsfiddle.net/pyob98fj/