Application de styles par programmation dans ASP.NET MVC MasterPage View

Question

Quel serait le meilleur/le plus approprié pour obtenir les éléments suivants dans mon application Web MVC? J'ai une vue appelée Site.Master (c'est ma vue MasterPage), et en haut de cette vue, j'ai 5 liens, qui agissent comme ma navigation de site principale, par exemple.

<ul> 
    <li><a href="">Home</a></li> 
    <li><a href="">Links</a></li> 
    <li><a href="">Contact Us</a></li> 
    ...etc 
</ul> 

Ce que je veux est d'être en mesure de mettre en évidence le lien de texte approprié, selon laquelle une partie du site de l'utilisateur est actuellement connecté, donc s'ils utilisaient la page «Contactez-nous, le lien Contactez-nous sur la page maître, un style CSS différent est appliqué.

Dans Web Forms, chacun de mes liens était un contrôle HyperLink et j'avais une propriété dans le code derrière la MasterPage afin d'assigner le CssStyle à chaque contrôle HyperLink.

Quel serait le meilleur moyen d'obtenir la même chose dans ma vue MasterPage, maintenant j'utilise MVC?

Answer 1

Je probablement écrire une aide HTML qui va générer ces liens de menu et en fonction du régulateur de courant et d'action appliquera une classe css current à l'ancre:

public static MvcHtmlString MenuLink(
    this HtmlHelper htmlHelper, 
    string linkText, 
    string actionName, 
    string controllerName 
) 
{ 
    string currentAction = htmlHelper.ViewContext.RouteData.GetRequiredString("action"); 
    string currentController = htmlHelper.ViewContext.RouteData.GetRequiredString("controller"); 
    if (actionName == currentAction && controllerName == currentController) 
    { 
     return htmlHelper.ActionLink(
      linkText, 
      actionName, 
      controllerName, 
      null, 
      new { 
       @class = "current" 
      }); 
    } 
    return htmlHelper.ActionLink(linkText, actionName, controllerName); 
} 

Et puis utiliser cette aide à mon avis :

<ul> 
    <li><%= Html.MenuLink("Home", "Index", "Home") %></li> 
    <li><%= Html.MenuLink("Links", "Links", "Home") %></li> 
    <li><%= Html.MenuLink("Contact us", "Contact", "Home") %></li> 
</ul> 

Ensuite, tout ce qui reste est de définir cette classe current dans un fichier CSS pour mettre en évidence:

.current { 
    ... 
}