asp.net-mvc - 带有连字符的 ActionLink htmlAttributes

Question

这有效

<a href="@Url.Action("edit", "markets", new { id = 1 })" 
            data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Edit</a>

但事实并非如此。为什么？

@Html.ActionLink("Edit", "edit", "markets", new { id = 1 }, new {@class="ui-btn-right", data-icon="gear"})

您似乎无法将 data-icon="gear" 之类的内容传递到 htmlAttributes 中？

建议？

Answer 1

问题是您的匿名对象属性 data-icon 的名称无效。 C# 属性的名称中不能包含破折号。有两种方法可以解决这个问题:

使用下划线代替破折号(MVC 将在发出的 HTML 中自动将下划线替换为破折号):

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new {@class="ui-btn-right", data_icon="gear"})

使用接受字典的重载:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });