How to merge htmlAttributes for Html.ActionLink (MVC3)?

Question

I'm going to write a simple helper that wraps Html.ActionLink and adds a certain class attribute to it. At the moment it looks like:

@helper MyActionLink(string text, string action, object routeValues, object htmlAttributes)
    {
    @Html.ActionLink(text, action, routeValues, new { @class = "MyClass" })
}

It actually adds needed @class attribute, but ignores all the passed htmlAttributes. So, if being used like

@MyActionLink("Item1", "Edit", new { itemId = 1 }, new { @class = "class1" })

it outputs

<a class="MyClass" href="/Test/Edit?itemId=1">Item1</a>

but I want it to have 2 classes: class="class1 MyClass"

How can I merge those htmlAttributes?

hazzik · Accepted Answer · 2011-09-07 05:16:54Z

8

Try this snippet

@helper MyActionLink(string text, string action, object routeValues, object htmlAttributes)
{
    var attributes = (IDictionary<string, object>) HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);
    object cssClass;
    if(attributes.TryGetValue("class", out cssClass) == false)
    {
        cssClass = "";
    }
    attributes["class"] = cssClass + " MyClass";

    @Html.ActionLink(text, action, new RouteValueDictionary(routeValues), attributes)
}

edited Sep 7, 2011 at 5:16

answered Sep 7, 2011 at 5:08

hazzik

13.4k9 gold badges51 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shaddix Over a year ago

thanks! Nice to know that RouteValueDictionary's ctor accepts and parses objects.

hazzik Over a year ago

I've just seen sources and advise to use HtmlHelper.AnonymousObjectToHtmlAttributes for convertion, because it does some conversion on object property names (such as replace _ with -)

Matt · Accepted Answer · 2013-05-27 12:05:39Z

1

This can be achieved simply appending tag in jquery script like this,

$("#linkID").html("<span class='ui-icon ui-icon-gear'/>"+$("#linkID").html());

edited May 27, 2013 at 12:05

Matt

75.4k26 gold badges156 silver badges181 bronze badges

answered May 27, 2013 at 11:57

Qasim

111 bronze badge

Comments

GDemartini · Accepted Answer · 2015-05-02 02:48:38Z

0

A bit simpler than hazzik's answer:

@helper MyActionLink(string text, string action, object routeValues, object htmlAttributes)
{
    var htmlAttr = HtmlHelper.AnonymousObjectToHtmlAttributes(this.ViewData["htmlAttributes"]);

    htmlAttr["class"] = ("MyClass " + htmlAttr["class"]).Trim();

    @Html.ActionLink(text, action, new RouteValueDictionary(routeValues), htmlAttr)
}

answered May 2, 2015 at 2:48

GDemartini

3811 gold badge4 silver badges6 bronze badges

1 Comment

Jesper Mygind Over a year ago

I guess this.ViewData["htmlAttributes"]) should be htmlAttributes.

Collectives™ on Stack Overflow

How to merge htmlAttributes for Html.ActionLink (MVC3)?

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related