วิธี HTML.ActionLink

สมมติว่าฉันมีชั้นเรียน

public class ItemController:Controller
{
    public ActionResult Login(int id)
    {
        return View("Hi", id);
    }
}

ในหน้าเว็บที่ไม่ได้อยู่ที่โฟลเดอร์รายการที่ItemControllerอยู่ฉันต้องการสร้างลิงค์ไปยังLoginวิธีการ ดังนั้นHtml.ActionLinkฉันควรใช้วิธีใดและฉันควรผ่านพารามิเตอร์ใด

โดยเฉพาะฉันกำลังมองหาวิธีการเปลี่ยน

Html.ActionLink(article.Title,
    new { controller = "Articles", action = "Details",
          id = article.ArticleID })

ที่ถูกยกเลิกในการแปลง MVC แบบ ASP.NET ล่าสุด

ฉันคิดว่าสิ่งที่คุณต้องการคือ:

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

มีการโต้แย้งกันสองครั้ง

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 ต่อไปนี้ของคุณโดยสมมติว่า:

1. article.Title = "Title"
2. article.ArticleID = 5
3. คุณยังคงกำหนดเส้นทางต่อไปนี้ไว้

. .

routes.MapRoute(
    "Default",     // Route name
    "{controller}/{action}/{id}",                           // URL with parameters
    new { controller = "Home", action = "Index", id = "" }  // Parameter defaults
);

ผมอยากจะเพิ่มคำตอบของโจเซฟ 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มุมมองทั้งหมดของคุณจะต้องเพิ่ม: @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 ( "mainpage", "ดัชนี", "บ้าน")

MainPage: ชื่อของดัชนีข้อความ: Action View Home: 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>