Sometimes its useful to be able target html elements on a particular page or you want to have specific styling according to a particular area, controller or action.

Here is a small extension to use route data to do just that.

namespace Antix.Web.Mvc {

 public static class Extentions {

  /// <summary>
  /// <para>Get a string from the route data</para>
  /// </summary>
  public static string RouteString(
      this ViewContext context, string template) {

   foreach (var value in context.RouteData.Values) {

    template = template.Replace(string.Format("{{{0}}}", 
            value.Key.ToLower()),
            value.Value == null
                ? string.Empty
                : value.Value.ToString().ToLower());
   }

   return template;
  }
 }
}

Making sure that the extension is in scope;
by importing on your page

<%@ Import Namespace="Antix.Web.Mvc"%>
	

or adding to you web.config

<configuration>
 <system.web>
  <pages>
   <namespaces>
    <add namespace="Antix.Web.Mvc"/>
   </namespaces>
  </pages>
 </system.web>
<configuration>
		

Call the function to retrieve the route data in a particular format like so...

<body class="<%= ViewContext.RouteString("{controller}_{action}") %>">
			

I've used this in the master page of my site to identify a page Body tag by controller and action.

<blog class="home_blogentry">
				
comments powered by Disqus

On Twitter Follow MrAntix on Twitter

Leo_Reading 1 hours ago
Leo_Reading

MS's implementation of returning modelstate errors in webapi account serializes as json with the errors in an array without a property name.

UriSamuels 1 hours ago
UriSamuels

#Asp.Net MVC 6 Entity Framework - Create(id) new related key #Tech #Internet #Question #HowTO https://t.co/xx4hDDT7Vg

khpreetham 1 hours ago
khpreetham

Bundling and Minification https://t.co/2EhMHaAthG

vernonemrit 1 hours ago
vernonemrit

RT techjunkiejh:Chart Widgets With Server Side Data In MVC Using #AngularJS And #WebAPI https://t.co/nI1xUssGkk #… pic.twitter.com/9v3PpMlcvg

techjunkiejh 1 hours ago
techjunkiejh

Chart Widgets With Server Side Data In MVC Using #AngularJS And #WebAPI https://t.co/dhYA03jOLg #javascript pic.twitter.com/JvvbY1krUw