How to pass routeValues that contains hyphen via actionlink in asp.net mvc 5

Question

I have an actionlink in view, I need it to pass parameter containing hyphen (-). Changing the name convention is not possible. How do I do this?

<li>@Html.ActionLink("abc", "abc", "abc", new { area = "",sap-ie="Edge" }, new { id = nav_abc"})</li>

This one gives me an error "Invalid Anonymous Type Declarator" since it contains hyphen. Basically I need the actionlink to generate html like below.

<a href=".../abc?sap-ie=Edge" id="nav_abc" >abc</a>

scartag · Answer 1 · 2014-12-17T18:08:34.273

6

If you are sure the url won't change much from the structure you've specified you could use an anchor tag and build the url from Url.Action.

<a href='@Url.Action("abc", "abc")?sap-ie=Edge'>abc</a>

The whole point of htmlhelpers are to help generate html anyway .. so if its getting in the way, you can drop down to html proper and just get it done.

edited Dec 17 '14 at 18:08

answered Dec 17 '14 at 17:54

scartag

17,548
3
48
52

I tried that. but is generates "sap_ie", not "sap-ie" – Daniel W Dec 17 '14 at 17:55
@user3273146 i've modified my answer... would this work? – scartag Dec 17 '14 at 18:13
Yep. that's working. Just hope SAP doesn't plan on changing that in future. Thanks! – Daniel W Dec 17 '14 at 18:25

AperioOculus · Answer 2 · 2014-12-17T20:06:44.023

3

Have you tried using this overload of the ActionLink method?

    @{
        var routeValues = new RouteValueDictionary();
        routeValues.Add("sap-ie", "Edge");
        routeValues.Add("area", "");

        var attributes = new Dictionary<string, object>();
        attributes.Add("Id", "nav_abc");
    }
    @Html.ActionLink("Go to contact page", "Contact", routeValues, attributes)

edited Dec 17 '14 at 20:06

answered Dec 17 '14 at 18:02

AperioOculus

6,641
4
26
37

I tried both your approach & scartag's Both works. Yours is missing area and id should come as htmlattribute instead of routevalues. Thanks anyway – Daniel W Dec 17 '14 at 18:20
Whoops, looks like I overlooked that. I updated my answer according to your feedback. Thanks! – AperioOculus Dec 17 '14 at 20:07

score 3 · Accepted Answer · answered Dec 17 '14 at 18:43

Just wanted to point out that it's not that the underscore trick only works with data attributes, it's that it only works with passing HTML attributes in general. This is because it makes sense to change underscores to hyphens in the context of HTML, as underscores aren't use in HTML attributes. However, it's perfectly valid for you to have a route param with an underscore, so the framework can make no assumptions about your intent.

If you need to pass route values with hyphens, you have to use a RouteValueDictionary. This is simply a limitation of anonymous objects that can't be overcome.

<li>@Html.ActionLink("abc", "abc", "abc", new RouteValueDictionary { { "area", "" }, "sap-ie", "Edge" } }, new RouteValueDictionary { { "id", "nav_abc" } })</li>

Unfortunately, there's no ActionLink overload that accepts both a RouteValueDictionary for routeValues and an anonymous object for htmlAttributes, so switching one means switching both. You can technically use any IDictionary implementation for the htmlAttributes param, so you may prefer to use just new Dictionary { { "id", "nav_abc" } }. It's up to you.

How to pass routeValues that contains hyphen via actionlink in asp.net mvc 5

3 Answers3