ActionLink htmlAttributes


87

作品

<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?

有什么建议吗?

Answers:


203

问题是您的匿名对象属性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" } });

2
下划线似乎没有工作,Ajax.ActionLink助手
梅德叶菲缅科

1
下划线技巧听起来真的很奇怪,如果要在html属性中使用下划线怎么办?
米歇尔

1
@MichielReyers您可以使用字典中的重载
marcind

1
.net核心标记帮助程序消除了所有这些问题-将来您会喜欢。
niico

26

用下划线替换所需的连字符;它会自动呈现为连字符:

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

变成:

<form action="markets/Edit/1" class="ui-btn-right" data-icon="gear" .../>

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.