Méthode HTML.ActionLink
-
03-07-2019 - |
Question
Disons que j'ai une classe
public class ItemController:Controller
{
public ActionResult Login(int id)
{
return View("Hi", id);
}
}
Sur une page ne se trouvant pas dans le dossier Elément, où ItemController
réside, je souhaite créer un lien vers la méthode Login
. Alors, quelle Html.ActionLink
méthode dois-je utiliser et quels paramètres dois-je passer?
Plus précisément, je recherche le remplacement de la méthode
Html.ActionLink(article.Title,
new { controller = "Articles", action = "Details",
id = article.ArticleID })
qui a été retiré de la récente incarnation ASP.NET MVC.
La solution
Je pense que ce que vous voulez, c'est ceci:
ASP.NET MVC1
Html.ActionLink(article.Title,
"Login", // <-- Controller Name.
"Item", // <-- ActionMethod
new { id = article.ArticleID }, // <-- Route arguments.
null // <-- htmlArguments .. which are none. You need this value
// otherwise you call the WRONG method ...
// (refer to comments, below).
)
Ceci utilise la méthode suivante Signature ActionLink:
public static string ActionLink(this HtmlHelper htmlHelper,
string linkText,
string controllerName,
string actionName,
object values,
object htmlAttributes)
ASP.NET MVC2
deux arguments ont été commutés
Html.ActionLink(article.Title,
"Item", // <-- ActionMethod
"Login", // <-- Controller Name.
new { id = article.ArticleID }, // <-- Route arguments.
null // <-- htmlArguments .. which are none. You need this value
// otherwise you call the WRONG method ...
// (refer to comments, below).
)
Ceci utilise la méthode suivante Signature ActionLink:
public static string ActionLink(this HtmlHelper htmlHelper,
string linkText,
string actionName,
string controllerName,
object values,
object htmlAttributes)
ASP.NET MVC3 +
Les argumentssont dans le même ordre que MVC2, mais la valeur id n'est plus requise:
Html.ActionLink(article.Title,
"Item", // <-- ActionMethod
"Login", // <-- Controller Name.
new { article.ArticleID }, // <-- Route arguments.
null // <-- htmlArguments .. which are none. You need this value
// otherwise you call the WRONG method ...
// (refer to comments, below).
)
Cela évite de coder en dur toute logique de routage dans le lien.
<a href="/Item/Login/5">Title</a>
Cela vous donnera la sortie HTML suivante, en supposant que:
-
article.Title = "Title"
-
article.ArticleID = 5
- vous avez toujours l'itinéraire suivant défini
. .
routes.MapRoute(
"Default", // Route name
"{controller}/{action}/{id}", // URL with parameters
new { controller = "Home", action = "Index", id = "" } // Parameter defaults
);
Autres conseils
Je voulais ajouter à la réponse de Joseph Kingry . Il a fourni la solution, mais au début, je ne pouvais pas le faire fonctionner non plus et j'ai obtenu un résultat similaire à Adhip Gupta. Et puis j'ai réalisé que la route doit exister en premier lieu et que les paramètres doivent correspondre exactement à la route. J'avais donc un identifiant, puis un paramètre de texte pour mon itinéraire, qui devait également être inclus.
Html.ActionLink(article.Title, "Login", "Item", new { id = article.ArticleID, title = article.Title }, null)
Vous souhaiterez peut-être consulter RouteLink()
méthode. Celle-ci vous permet de tout spécifier (à l'exception du texte du lien et du nom de l'itinéraire) via un dictionnaire.
Je pense que Joseph a retourné le contrôleur et l’action. Vient d'abord l'action puis le contrôleur. C’est un peu étrange, mais l’apparence de la signature.
Juste pour clarifier les choses, voici la version qui fonctionne (adaptation de l'exemple de Joseph):
Html.ActionLink(article.Title,
"Login", // <-- ActionMethod
"Item", // <-- Controller Name
new { id = article.ArticleID }, // <-- Route arguments.
null // <-- htmlArguments .. which are none
)
Qu'en est-il de cette
<%=Html.ActionLink("Get Involved",
"Show",
"Home",
new
{
id = "GetInvolved"
},
new {
@class = "menuitem",
id = "menu_getinvolved"
}
)%>
Html.ActionLink(article.Title, "Login/" + article.ArticleID, 'Item")
Si vous voulez porter tous les pantalons de fantaisie, voici comment vous pouvez l'étendre pour pouvoir le faire:
@(Html.ActionLink<ArticlesController>(x => x.Details(), article.Title, new { id = article.ArticleID }))
Vous devrez insérer ceci dans le System.Web.Mvc
espace de noms:
public static class MyProjectExtensions
{
public static MvcHtmlString ActionLink<TController>(this HtmlHelper htmlHelper, Expression<Action<TController>> expression, string linkText)
{
var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext, htmlHelper.RouteCollection);
var link = new TagBuilder("a");
string actionName = ExpressionHelper.GetExpressionText(expression);
string controllerName = typeof(TController).Name.Replace("Controller", "");
link.MergeAttribute("href", urlHelper.Action(actionName, controllerName));
link.SetInnerText(linkText);
return new MvcHtmlString(link.ToString());
}
public static MvcHtmlString ActionLink<TController, TAction>(this HtmlHelper htmlHelper, Expression<Action<TController, TAction>> expression, string linkText, object routeValues)
{
var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext, htmlHelper.RouteCollection);
var link = new TagBuilder("a");
string actionName = ExpressionHelper.GetExpressionText(expression);
string controllerName = typeof(TController).Name.Replace("Controller", "");
link.MergeAttribute("href", urlHelper.Action(actionName, controllerName, routeValues));
link.SetInnerText(linkText);
return new MvcHtmlString(link.ToString());
}
public static MvcHtmlString ActionLink<TController>(this HtmlHelper htmlHelper, Expression<Action<TController>> expression, string linkText, object routeValues, object htmlAttributes) where TController : Controller
{
var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext, htmlHelper.RouteCollection);
var attributes = AnonymousObjectToKeyValue(htmlAttributes);
var link = new TagBuilder("a");
string actionName = ExpressionHelper.GetExpressionText(expression);
string controllerName = typeof(TController).Name.Replace("Controller", "");
link.MergeAttribute("href", urlHelper.Action(actionName, controllerName, routeValues));
link.MergeAttributes(attributes, true);
link.SetInnerText(linkText);
return new MvcHtmlString(link.ToString());
}
private static Dictionary<string, object> AnonymousObjectToKeyValue(object anonymousObject)
{
var dictionary = new Dictionary<string, object>();
if (anonymousObject == null) return dictionary;
foreach (PropertyDescriptor propertyDescriptor in TypeDescriptor.GetProperties(anonymousObject))
{
dictionary.Add(propertyDescriptor.Name, propertyDescriptor.GetValue(anonymousObject));
}
return dictionary;
}
}
Ceci inclut deux remplacements pour Route Values
et HTML Attributes
. Tous vos points de vue doivent également être ajoutés: @using YourProject.Controllers
ou vous pouvez les ajouter à votre web.config <pages><namespaces>
Utilisez des paramètres nommés pour améliorer la lisibilité et éviter les confusions.
@Html.ActionLink(
linkText: "Click Here",
actionName: "Action",
controllerName: "Home",
routeValues: new { Identity = 2577 },
htmlAttributes: null)
Avec MVC5, je l’ai fait comme ça et c’est du code qui fonctionne à 100% ....
@Html.ActionLink(department.Name, "Index", "Employee", new {
departmentId = department.DepartmentID }, null)
Vous pouvez avoir une idée de ça ...
Ce type d'utilisation:
@ Html.ActionLink (& "MainPage &", & "Index &", & "Accueil &")
MainPage: Nom du texte Index: Action View Accueil: AccueilContrôleur
Utilisation de base ActionLink
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>_Layout</title>
<link href="@Url.Content("~/Content/bootsrap.min.css")" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="col-md-12">
<button class="btn btn-default" type="submit">@Html.ActionLink("AnaSayfa","Index","Home")</button>
<button class="btn btn-default" type="submit">@Html.ActionLink("Hakkımızda", "Hakkimizda", "Home")</button>
<button class="btn btn-default" type="submit">@Html.ActionLink("Iletişim", "Iletisim", "Home")</button>
</div>
@RenderBody()
<div class="col-md-12" style="height:200px;background-image:url(/img/footer.jpg)">
</div>
</div>
</body>
</html>