ActionLink with multiple parameters

Question

I want to create a URL like /?name=Macbeth&year=2011 with my ActionLink which I have tried doing like so:

<%= Html.ActionLink("View Details", "Details", "Performances", new { name = item.show }, new { year = item.year })%>

but it doesn't work. How do I do this?

Best asnwer is here https://stackoverflow.com/questions/13225786/passing-multiple-parameters-from-url-to-html-actionlink — NoWar, Nov 01 '18 at 02:30

Mikael Östberg · Accepted Answer · 2011-04-08T10:37:13.913

65

The overload you are using makes the year value end up in the html attributes of the link (check your rendered source).

The overload signature looks like this:

MvcHtmlString HtmlHelper.ActionLink(
    string linkText, 
    string actionName, 
    string controllerName, 
    object routeValues, 
    object htmlAttributes
)

You need to put both your route values in to the RouteValues dictionary like this:

Html.ActionLink(
    "View Details", 
    "Details", 
    "Performances", 
    new { name = item.show, year = item.year }, 
    null
)

edited Apr 08 '11 at 10:37

answered Apr 08 '11 at 10:29

Mikael Östberg

16,982
6
61
79

4

And how to generate path like `/Macbeth/2011`? – bjan May 29 '12 at 04:41

score 6 · Answer 2 · edited Sep 16 '13 at 20:18

In addition to Mikael Östberg answer add something like this in your global.asax

routes.MapRoute(
    "View Details",
    "Performances/Details/{name}/{year}",
    new {
        controller ="Performances",
        action="Details", 
        name=UrlParameter.Optional,
        year=UrlParameter.Optional
    });

then in your controller

// the name of the parameter must match the global.asax route    
public action result Details(string name, int year)
{
    return View(); 
}

score 2 · Answer 3 · edited May 23 '17 at 12:00

Based on Mikael Östberg answer and just in case people need to know how it does with html attr. Here is another example, reference from ActionLink

@Html.ActionLink("View Details", 
"Details", 
"Performances", 
  new { name = item.show, year = item.year }, 
  new {@class="ui-btn-right", data_icon="gear"})


@Html.ActionLink("View Details", 
"Details", 
"Performances", new RouteValueDictionary(new {id = 1}),new Dictionary<string, object> { { "class", "ui-btn-test" }, { "data-icon", "gear" } })

ActionLink with multiple parameters

3 Answers3

Linked