In MVC 4, you can install this package Twitter.bootstrap.mvc and this will add a lot of HTML helpers.
After that, you can send a warning to watch directly from the controller.
For instance:
public class AccountController : BaseController { public ActionResult AlertExample() { Success("This is a success alert"); Error("This is error alert"); Information("This is information alert"); ... etc. } }
This will send a success alert directly from the controller to the view.
Purpose: sending Growl messages from the controller
I tried to implement the same thing from the project I was talking about.
So this is what I added to my project.
The base controller that the other controller receives from
public class BaseController : Controller {
ControlGroupExtensionClass
namespace BootstrapSupport { public class ControlGroup : IDisposable { private readonly HtmlHelper _html; public ControlGroup(HtmlHelper html) { _html = html; } public void Dispose() { _html.ViewContext.Writer.Write(_html.EndControlGroup()); } } public static class ControlGroupExtensions { public static IHtmlString BeginControlGroupFor<T>(this HtmlHelper<T> html, Expression<Func<T, object>> modelProperty) { return BeginControlGroupFor(html, modelProperty, null); } public static IHtmlString BeginControlGroupFor<T>(this HtmlHelper<T> html, Expression<Func<T, object>> modelProperty, object htmlAttributes) { return BeginControlGroupFor(html, modelProperty, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes)); } public static IHtmlString BeginControlGroupFor<T>(this HtmlHelper<T> html, Expression<Func<T, object>> modelProperty, IDictionary<string, object> htmlAttributes) { string propertyName = ExpressionHelper.GetExpressionText(modelProperty); return BeginControlGroupFor(html, propertyName, null); } public static IHtmlString BeginControlGroupFor<T>(this HtmlHelper<T> html, string propertyName) { return BeginControlGroupFor(html, propertyName, null); } public static IHtmlString BeginControlGroupFor<T>(this HtmlHelper<T> html, string propertyName, object htmlAttributes) { return BeginControlGroupFor(html, propertyName, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes)); } public static IHtmlString BeginControlGroupFor<T>(this HtmlHelper<T> html, string propertyName, IDictionary<string, object> htmlAttributes) { var controlGroupWrapper = new TagBuilder("div"); controlGroupWrapper.MergeAttributes(htmlAttributes); controlGroupWrapper.AddCssClass("control-group"); string partialFieldName = propertyName; string fullHtmlFieldName = html.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(partialFieldName); if (!html.ViewData.ModelState.IsValidField(fullHtmlFieldName)) { controlGroupWrapper.AddCssClass("error"); } string openingTag = controlGroupWrapper.ToString(TagRenderMode.StartTag); return MvcHtmlString.Create(openingTag); } public static IHtmlString EndControlGroup(this HtmlHelper html) { return MvcHtmlString.Create("</div>"); } public static ControlGroup ControlGroupFor<T>(this HtmlHelper<T> html, Expression<Func<T, object>> modelProperty) { return ControlGroupFor(html, modelProperty, null); } public static ControlGroup ControlGroupFor<T>(this HtmlHelper<T> html, Expression<Func<T, object>> modelProperty, object htmlAttributes) { string propertyName = ExpressionHelper.GetExpressionText(modelProperty); return ControlGroupFor(html, propertyName, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes)); } public static ControlGroup ControlGroupFor<T>(this HtmlHelper<T> html, string propertyName) { return ControlGroupFor(html, propertyName, null); } public static ControlGroup ControlGroupFor<T>(this HtmlHelper<T> html, string propertyName, object htmlAttributes) { return ControlGroupFor(html, propertyName, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes)); } public static ControlGroup ControlGroupFor<T>(this HtmlHelper<T> html, string propertyName, IDictionary<string, object> htmlAttributes) { html.ViewContext.Writer.Write(BeginControlGroupFor(html, propertyName, htmlAttributes)); return new ControlGroup(html); } } public static class Alerts { public const string SUCCESS = "success"; public const string WARNING = "warning"; public const string ERROR = "error"; public const string INFORMATION = "info"; public static string[] ALL { get { return new[] { SUCCESS, WARNING, INFORMATION, ERROR }; } } } }
ViewHelperExtensionClass
namespace BootstrapSupport { public static class DefaultScaffoldingExtensions { public static string GetControllerName(this Type controllerType) { return controllerType.Name.Replace("Controller", String.Empty); } public static string GetActionName(this LambdaExpression actionExpression) { return ((MethodCallExpression)actionExpression.Body).Method.Name; } public static PropertyInfo[] VisibleProperties(this IEnumerable Model) { var elementType = Model.GetType().GetElementType(); if (elementType == null) { elementType = Model.GetType().GetGenericArguments()[0]; } return elementType.GetProperties().Where(info => info.Name != elementType.IdentifierPropertyName()).ToArray(); } public static PropertyInfo[] VisibleProperties(this Object model) { return model.GetType().GetProperties().Where(info => info.Name != model.IdentifierPropertyName()).ToArray(); } public static RouteValueDictionary GetIdValue(this object model) { var v = new RouteValueDictionary(); v.Add(model.IdentifierPropertyName(), model.GetId()); return v; } public static object GetId(this object model) { return model.GetType().GetProperty(model.IdentifierPropertyName()).GetValue(model, new object[0]); } public static string IdentifierPropertyName(this Object model) { return IdentifierPropertyName(model.GetType()); } public static string IdentifierPropertyName(this Type type) { if (type.GetProperties().Any(info => info.PropertyType.AttributeExists<System.ComponentModel.DataAnnotations.KeyAttribute>())) { return type.GetProperties().First( info => info.PropertyType.AttributeExists<System.ComponentModel.DataAnnotations.KeyAttribute>()) .Name; } else if (type.GetProperties().Any(p => p.Name.Equals("id", StringComparison.CurrentCultureIgnoreCase))) { return type.GetProperties().First( p => p.Name.Equals("id", StringComparison.CurrentCultureIgnoreCase)).Name; } return ""; } public static string GetLabel(this PropertyInfo propertyInfo) { var meta = ModelMetadataProviders.Current.GetMetadataForProperty(null, propertyInfo.DeclaringType, propertyInfo.Name); return meta.GetDisplayName(); } public static string ToSeparatedWords(this string value) { return Regex.Replace(value, "([AZ][az])", " $1").Trim(); } } public static class PropertyInfoExtensions { public static bool AttributeExists<T>(this PropertyInfo propertyInfo) where T : class { var attribute = propertyInfo.GetCustomAttributes(typeof(T), false) .FirstOrDefault() as T; if (attribute == null) { return false; } return true; } public static bool AttributeExists<T>(this Type type) where T : class { var attribute = type.GetCustomAttributes(typeof(T), false).FirstOrDefault() as T; if (attribute == null) { return false; } return true; } public static T GetAttribute<T>(this Type type) where T : class { return type.GetCustomAttributes(typeof(T), false).FirstOrDefault() as T; } public static T GetAttribute<T>(this PropertyInfo propertyInfo) where T : class { return propertyInfo.GetCustomAttributes(typeof(T), false).FirstOrDefault() as T; } public static string LabelFromType(Type @type) { var att = GetAttribute<DisplayNameAttribute>(@type); return att != null ? att.DisplayName : @type.Name.ToSeparatedWords(); } public static string GetLabel(this Object Model) { return LabelFromType(Model.GetType()); } public static string GetLabel(this IEnumerable Model) { var elementType = Model.GetType().GetElementType(); if (elementType == null) { elementType = Model.GetType().GetGenericArguments()[0]; } return LabelFromType(elementType); } }
and partial view _alert
@using BootstrapSupport @if (TempData.ContainsKey(Alerts.WARNING)) { <div class="alert alert-block"> <a class="close" data-dismiss="alert" href="#">x</a> <h4 class="toast-title">Attention!</h4> @TempData[Alerts.WARNING] </div> } @foreach (string key in Alerts.ALL.Except(new[] { Alerts.WARNING })) { if (TempData.ContainsKey(key)) { <div class="toast toast-top-full-width toast-key"> <button type="button" class="toast-close-button" data-dismiss="alert">x</button> @TempData[key] </div> } }
After that, I can send warning messages directly from the controller:
And it works!
for instance
public ActionResult Test() { Success("Person was successfully added to your addressbook"); }
the above code will result in this in the view 
but it just displays as a block of content. Not as I expected, work, as it only seems, there is no effect, nothing. I wanted it to work like Toastr on this site.
I guess I need to implement javascript somewhere in my _alert and get the message and type (success, error, ...), and then use javascript to growl to make it behave as it should, But I don't I know about it.
Something like below? This is just an idea, due to my ignorance of Javascript and jquery, I could not get it to work.
@*if (TempData.ContainsKey(key)) { <div class="toastMessageHolder" style="display: none"> <div class="toastMessage">@TempData[key]</div> <div class="toastMessageType">@key</div> </div> if($(".toastMessageHolder")) {
Can someone help me how to make my growl from the controller behave as indicated in the Toastr example?
If I had to growl from any normal view, if I hadn’t implemented sending messages from the controller to see how to do this using toastr:
function foo(response) { if (response.SomeTest) { toastr.error(response.ErrorMessage, "Error"); } else { $(@Html.IdFor(m=>m.abc)).val(''); } };
Asp.Net MVC Version: 5.1.1
Used Growling Package: Toastr