Mvc3 mettre en œuvre un lien d'action personnalisé

Question

J'ai un site Web .net mvc3. Et je dois mettre en place le menu principal. Chacune des balises de menu est amené à son action et afficher un autre view.This ce que je viens:

<ul id="menu"> 
     <li>@Html.ActionLink("Home", "Index", "Home")</li> 
     <li>@Html.ActionLink("Products", "Products", "Home")</li> 
     <li>@Html.ActionLink("Pricing", "Pricing", "Home")</li> 
     <li>@Html.ActionLink("Our Team", "OurTeam", "Home")</li> 
     <li>@Html.ActionLink("Contact Us", "ContactUs", "Home")</li> 
</ul><!-- /menu --> 

Ce point de vue est Html.RenderAction("Header", "Home"); dans ma mise en page (car il doit apparaître dans toutes les pages) que je dois mettre en œuvre ActionLink personnalisé Le texte d'ancrage doit être:

<span>text</span><b>text</b> 

Le « texte » est la maison (par exemple la première li) Et le ActionLink actuel doit ajouter la classe: « Sélectionné » à l'ancre.

Comment je peux faire ça? Aide s'il vous plaît

p.s Je peux ajouter ce menu pour chaque vue de mon site Web avec la classe "sélectionnée" de la vue actuelle, mais ce n'est pas une bonne solution.

Answer 1

Si je comprends bien, vous voulez mettre la classe "sélectionnée" à l'action affichage en cours. Vous pouvez faire une vérification dans la vue en regardant ceci:

HttpContext.Current.Request.RequestContext.RouteData.Values["controller"].ToString() 
HttpContext.Current.Request.RequestContext.RouteData.Values["action"].ToString() 

Ensuite, vous mettez la classe « sélectionnée » à votre ActionLink le chemin montré dans la réponse précédente

<li>@Html.ActionLink("Home", "Index", "Home", null, new {@class = ":selected"})</li> 

Personnellement, je vais créer un ViewModel contenant une liste de "MenuAction" qui expose, autre que les valeurs de route, une propriété booléenne "Selected". Imo de la vue sera beaucoup plus propre le traitement des données.

Answer 2

Vous pouvez ajouter class avec cette ActionLink surcharge:

<li>@Html.ActionLink("Home", "Index", "Home", null, new {@class = ":selected"})</li> 

Le 5ème paramètre est attributs HTML.

MSDN ActionLink de cette surcharge

---

Mise à jour:

$(function(){ 
    var controllerName ='ViewContext.RouteData.Values["Controller"]'; 
    $('#' +controllerName).addClass(':selected'); 
});