如何为Html.ActionLink(MVC3)合并htmlAttributes?

时间:2011-09-07 05:01:00

标签: c# asp.net-mvc-3 html-helper

我将编写一个包装Html.ActionLink的简单助手,并为其添加一个类属性。 目前它看起来像:

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

它实际上添加了所需的@class属性,但忽略了所有传递的htmlAttributes。所以,如果像

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

输出

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

但我希望它有2个类:class="class1 MyClass"

如何合并这些htmlAttributes?

2 个答案:

答案 0 :(得分:8)

试试这个代码段

@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)
}

答案 1 :(得分:1)

这可以通过简单地在jquery脚本中附加标签来实现,

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