Using Toastr notification in mvc

Sheikh parvaz

9y26.5k.NET

Hi,

I have a situation where I want to display toastr notification on successfull completetion of operation without clicking and showing.on button click it is working but i need on operation . My code is

@{
if (TempData["OperationResult"] != null)
{
string alertClass = "";
var operationResult = (EntryOperationOutBase)TempData["OperationResult"];
if (operationResult.OperationStatus == OperationStatus.Success)
{
//I shuold be able to call and show toastr here with below message
@operationResult.ResultMessageToShow
}
else
{
//I shuold be able to call and show toastr here
@operationResult.ResultMessageToShow
}
}
}
// Toastr is
$(document).ready(function () {
toastr.options = {
"closeButton": true,
"debug": false,
"positionClass": "toast-bottom-right",
"onclick": null,
"showDuration": "1000",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
$('#toastr-success').click(function () {
toastr.success('This is a success notification from toastr.')
});
$('#toastr-info').click(function () {
toastr.info('This is an information notification provided by toastr.')
});
$('#toastr-warning').click(function () {
toastr.warning('This is a warning notification provided by toastr.')
});
$('#toastr-error').click(function () {
toastr.error('This is an error notification provided by toastr.')
});
});

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mukesh Nayak8y ago
Hi Sheikh ,
I have given a try to the question you asked. To solve your problem i did following in index.cshtml.
@using CheckingRemote.Models;
<script src="~/Scripts/jquery-1.10.2.min.js">script>
<script>

    $(function () {

        toastr.options = {
            "closeButton": true,
            "debug": false,
            "positionClass": "toast-bottom-right",
            "onclick": null,
            "showDuration": "1000",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };

        function ShowSucess() {
            toastr.success('This is a success notification from toastr.');
        }
        $('#toastr-success').click(function () {
            toastr.success('This is a success notification from toastr.')
        });

        $('#toastr-info').click(function () {
            toastr.info('This is an information notification provided by toastr.')
        });

        $('#toastr-warning').click(function () {
            toastr.warning('This is a warning notification provided by toastr.')
        });

        $('#toastr-error').click(function () {
            toastr.error('This is an error notification provided by toastr.')
        });
    @{
    if (TempData["OperationResult"] != null)
    {
        string alertClass = "";
        var operationResult = (EntryOperationOutBase)TempData["OperationResult"];
        if (operationResult.OperationStatus == OperationStatus.Success)
        {
          @: ShowSucess();
          @operationResult.ResultMessageToShow

        }
        else
        {
            //I shuold be able to call and show toastr here
          @operationResult.ResultMessageToShow
        }

    }
}
    });
script>
and on rendering i am getting following output see notification in right hand side of lower bottom you may need to scroll:
mcupryk8y ago
Create a js file:

function showNotification(message, title, type) {
switch (type) {
case "Info":
toastr.info(message, title);
break;
case "Success":
toastr.success(message, title);
break;
case "Warning":
toastr.warning(message, title);
break;
case "Error":
toastr.error(message, title);
break;
}
}

then in your layout you will reference to

and in your base controller

public void AddMessage(UserMessageType type, string message, string title)
{
var messages = new List
{
new UserMessageModel()
{
Message = message,
Title = title,
Type = type
}
};
TempData["Notifications"] = messages;
}

where now you can invoke the showNotification by adding in your controller.

AddMessage(UserMessageType.Success, "Message");
Ramesh Palanivel9y ago
HI Sheik,

Kindly mention which operation you are doing? Insert or update?

Mention when the toastr wants to show the message?