New to Kendo UI for jQuery? Start a free 30-day trial

GetNotifications

methods

Returns a jQuery collection of all visible notifications, displayed by the given widget instance. Each item in the collection is a div.k-notification element.

This method is useful for quick removal of all visible messages before showing new ones. After obtaining all visible messages, remove them from the DOM instead of hiding them, unless animations are disabled. This is because animations are asynchronous and the new messages will be shown on the wrong places before the old ones have been hidden. Another thing to keep in mind is that when using popup notification messages, you should remove the parent of each member of the collection, returned by the getNotifications() method. In this case the parent will be a div.k-animation-container element.

getNotifications

Returns:jQuery

A collection of all visible notifications.

<span id="notification"></span>
<button id="removeMessages" type="button" class="k-button">Remove messages and show new ones</button>

<script>

var notificationWidget = $("#notification").kendoNotification({
    button: false,
    hideOnClick: false,
    autoHideAfter: 0
}).data("kendoNotification");

var messageCount = 1;

notificationWidget.show("foo " + messageCount);
notificationWidget.show("bar " + messageCount);

$("#removeMessages").click(function(){
    // since there is no way for the user to hide notifications,
    // the following expression will return two elements, no matter when it is executed
    var elements = notificationWidget.getNotifications();

    // remove the two messages from the DOM
    elements.each(function(){
        $(this).parent().parent().remove();
    });

    messageCount++;

    // show two new messages
    notificationWidget.show("foo " + messageCount);
    notificationWidget.show("bar " + messageCount);
});

</script>