HTML.ActionLinkメソッド
-
03-07-2019 - |
質問
クラスがあるとしましょう
public class ItemController:Controller
{
public ActionResult Login(int id)
{
return View("Hi", id);
}
}
ItemController
が存在するItemフォルダーにないページで、Login
メソッドへのリンクを作成します。では、どのHtml.ActionLink
メソッドを使用し、どのパラメーターを渡す必要がありますか?
具体的には、メソッドの置き換えを探しています
Html.ActionLink(article.Title,
new { controller = "Articles", action = "Details",
id = article.ArticleID })
これは、最近のASP.NET MVCインカネーションで廃止されました。
解決
あなたが望むのはこれだと思います:
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).
)
これは、次のメソッドActionLink署名を使用します。
public static string ActionLink(this HtmlHelper htmlHelper,
string linkText,
string controllerName,
string actionName,
object values,
object htmlAttributes)
ASP.NET MVC2
2つの引数が入れ替わっています
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).
)
これは、次のメソッドActionLink署名を使用します。
public static string ActionLink(this HtmlHelper htmlHelper,
string linkText,
string actionName,
string controllerName,
object values,
object htmlAttributes)
ASP.NET MVC3 +
引数はMVC2と同じ順序ですが、id値は不要になりました:
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).
)
これにより、リンクへのルーティングロジックのハードコーディングが回避されます。
<a href="/Item/Login/5">Title</a>
これにより、次のようなHTML出力が得られます:
-
article.Title = "Title"
-
article.ArticleID = 5
- まだ次のルートが定義されています
。 。
routes.MapRoute(
"Default", // Route name
"{controller}/{action}/{id}", // URL with parameters
new { controller = "Home", action = "Index", id = "" } // Parameter defaults
);
他のヒント
Joseph Kingryの回答に追加したかった。彼は解決策を提供しましたが、最初はそれを機能させることができず、Adhip Guptaのような結果を得ました。そして、最初にルートが存在する必要があり、パラメーターがルートと正確に一致する必要があることに気付きました。そのため、ルートのIDとテキストパラメータがあり、これらも含める必要がありました。
Html.ActionLink(article.Title, "Login", "Item", new { id = article.ArticleID, title = article.Title }, null)
RouteLink()
メソッド。これにより、辞書を介してすべて(リンクテキストとルート名を除く)を指定できます。
ジョセフはコントローラーとアクションを反転させたと思います。最初にアクション、次にコントローラーが来ます。これはやや奇妙ですが、署名の見た目です。
物事を明確にするために、これは機能するバージョンです(ジョセフの例の適応):
Html.ActionLink(article.Title,
"Login", // <-- ActionMethod
"Item", // <-- Controller Name
new { id = article.ArticleID }, // <-- Route arguments.
null // <-- htmlArguments .. which are none
)
これについて
<%=Html.ActionLink("Get Involved",
"Show",
"Home",
new
{
id = "GetInvolved"
},
new {
@class = "menuitem",
id = "menu_getinvolved"
}
)%>
Html.ActionLink(article.Title, "Login/" + article.ArticleID, 'Item")
すべての派手なパンツに行きたい場合は、これを拡張してこれを行うことができます:
@(Html.ActionLink<ArticlesController>(x => x.Details(), article.Title, new { id = article.ArticleID }))
これをSystem.Web.Mvc
名前空間に配置する必要があります:
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;
}
}
これには、Route Values
およびHTML Attributes
の2つのオーバーライドが含まれます。また、すべてのビューを追加する必要があります。@using YourProject.Controllers
または、web.config <pages><namespaces>
読みやすく、混乱を避けるために、名前付きパラメーターを使用します。
@Html.ActionLink(
linkText: "Click Here",
actionName: "Action",
controllerName: "Home",
routeValues: new { Identity = 2577 },
htmlAttributes: null)
MVC5を使用すると、このようにできました。100%動作するコードです...
@Html.ActionLink(department.Name, "Index", "Employee", new {
departmentId = department.DepartmentID }, null)
皆さんはこれからアイデアを得ることができます...
このタイプの使用:
@ Html.ActionLink(<!> quot; MainPage <!> quot;、<!> quot; Index <!> quot;、<!> quot; Home <!> quot;)
MainPage:テキストの名前 インデックス:アクションビュー ホーム:HomeController
ベースは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>