Exibir mensagem na View através do Controller | C# Online Compiler

Exibir mensagem na View através do Controller by Bruno Monteiro

namespace MyDialogMvcApp
{
	public class MyDialog
	{
		public enum DialogType : short {
			Info = 0,
			Success = 1,
			Warning = 2,
			Error = 3
		}
		
		public string Title { get; set; }
		public string Content { get; set; }
		public DialogType @Type { get; set; }
		
		public override string ToString() {
			return string.Format("{{ \"title\": \"{0}\", \"content\": \"{1}\", \"type\": \"{2}\"  }}", Title, Content, @Type.ToString().ToLower());
		}
	}
}

Model

​x
 
namespace MyDialogMvcApp
{
    public class MyDialog
    {
        public enum DialogType : short {
            Info = 0,
            Success = 1,
            Warning = 2,
            Error = 3
        }
        
        public string Title { get; set; }
        public string Content { get; set; }
        public DialogType @Type { get; set; }
        
        public override string ToString() {
            return string.Format("{{ \"title\": \"{0}\", \"content\": \"{1}\", \"type\": \"{2}\"  }}", Title, Content, @Type.ToString().ToLower());
        }
    }
}
​

@{ 	Layout = null; }

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Bootstrap 101 Template</title>

		<!-- CSS Includes -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">

	</head>
	
	<body>
		<div class="container">
			<div class="col-md-6 col-md-offset-3">
				<h1>E ai, cara!?</h1>
				<p>Espero que você tenha recebido um alerta quando a página carregou. ;)</p>
				<p>Caso não tenha notado, <a href="javascript:void(0);" id="aShowMessage">clique aqui</a> para que a mensagem seja exibida novamente.
			</div>
		</div>

		<!-- JS includes -->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
		
		
		<script type="text/javascript">
			function showMessage(message){
				toastr[message.type](message.content, message.title);
			}
			
			$(function(){
				// Lembrando que a constante "HomeController.SystemMessage" deve estar em um Controller Pai.
				var systemMessage = @Html.Raw(TempData[MyDialogMvcApp.HomeController.SystemMessage]);				
				
				showMessage(systemMessage);
			
				$('#aShowMessage').click(function(){ showMessage(systemMessage) });
			});
		</script>
	</body>
</html>

View

 
@{  Layout = null; }
​
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap 101 Template</title>
​
        <!-- CSS Includes -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
​
    </head>
    
    <body>
        <div class="container">
            <div class="col-md-6 col-md-offset-3">
                <h1>E ai, cara!?</h1>
                <p>Espero que você tenha recebido um alerta quando a página carregou. ;)</p>
                <p>Caso não tenha notado, <a href="javascript:void(0);" id="aShowMessage">clique aqui</a> para que a mensagem seja exibida novamente.
            </div>
        </div>
​
        <!-- JS includes -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
        
        
        <script type="text/javascript">
            function showMessage(message){
                toastr[message.type](message.content, message.title);
            }
            
            $(function(){
                // Lembrando que a constante "HomeController.SystemMessage" deve estar em um Controller Pai.
                var systemMessage = @Html.Raw(TempData[MyDialogMvcApp.HomeController.SystemMessage]);               
                
                showMessage(systemMessage);
            
                $('#aShowMessage').click(function(){ showMessage(systemMessage) });
            });
        </script>
    </body>
</html>

using System;
using System.Web.Mvc;

namespace MyDialogMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			this.ShowMessage("Uma mensagem de teste =)");
			return View();
		}
		
		// Este bloco deve estar em um Controller pai, a qual todos os outros Controllers devem herdar.
		// Não foi criado um Controller pai aqui por conta de limitações da ferramenta.
		#region 
		public const string SystemMessage = "MY_DIALOG";
		
		protected void ShowMessage(string htmlContent, string htmlTitle = "Mensagem do Sistema", MyDialog.DialogType type = MyDialog.DialogType.Info)
		{
			this.ShowMessage(new MyDialog{ Title = htmlTitle, Content = htmlContent, @Type = type});
		}
		
		protected void ShowMessage(MyDialog dialog)
		{
			this.TempData[SystemMessage] = dialog.ToString(); 
		}
		#endregion
	}
}

Controller

 
using System;
using System.Web.Mvc;
​
namespace MyDialogMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            this.ShowMessage("Uma mensagem de teste =)");
            return View();
        }
        
        // Este bloco deve estar em um Controller pai, a qual todos os outros Controllers devem herdar.
        // Não foi criado um Controller pai aqui por conta de limitações da ferramenta.
        #region 
        public const string SystemMessage = "MY_DIALOG";
        
        protected void ShowMessage(string htmlContent, string htmlTitle = "Mensagem do Sistema", MyDialog.DialogType type = MyDialog.DialogType.Info)
        {
            this.ShowMessage(new MyDialog{ Title = htmlTitle, Content = htmlContent, @Type = type});
        }
        
        protected void ShowMessage(MyDialog dialog)
        {
            this.TempData[SystemMessage] = dialog.ToString(); 
        }
        #endregion
    }
}

View in Full Screen

View IL Code