Question

我想知道以最简单的方式用剑道通知替换所有警报（'错误...'）的最佳方式。

所以我可以做到

myKendoAlert（'我的消息'，信息）;而且我不必为每个页面添加特定的html div或span holder。

目前我正在做类似的事情：

var popupNotification = $("#popupNotification").kendoNotification({
    position: {
        pinned: false,
        bottom: 100,
        right: 100
    },
    templates: [{
        type: "info",
        template: "<div>Test : #= myMessage #</div>"
    }],
    autoHideAfter: 0,
    stacking: "up"

}).data("kendoNotification");

但我需要将它放在一个常用的javascript文件中，该文件包含我可以在所有页面上使用的函数。用，信息，错误，成功...（并明确成功）

Answer 1

只需在您的命名空间中添加一个方法即可，并从您需要的地方调用它。

这是一个类似于我的示例，在我的应用程序的javascript命名空间的顶层放置了两个方法showSuccess和showError（我使用toastr，但方法相同）。

我在窗口对象上有我的app对象，我可以从任何地方调用两种方法。

http://jsbin.com/novena/1/edit

Answer 2

var notificationWidget = null;

function alert(message, type) {
    if (notificationWidget == null) {

    notificationWidget = $("#notification").kendoNotification({
        button: true,
        hideOnClick: true,
        //appendTo: "#container",
        //width: "30em",

        position: {
            pinned: true,
            top: "5em",
            left: null,
            bottom: null,
            right: 10
        },
        autoHideAfter: 8000
    }).data("kendoNotification");
}

    notificationWidget.show(message, type);
}

用Kendo通知替换javascript警报

2 个答案: