如何通过Razor HTML Helper在ASP.NET MVC 3中设置长尾词的data-icon属性？

本文共计293个文字，预计阅读时间需要2分钟。

我想使用ASP.NET MVC 3 Razor HTML Helper来生成随HTML代码的文本框：``，我已经尝试过：`@Html.TextBoxFor(m=> m.UserName, new { placeholder=Login, data-icon=user })`，但是结果不是预期的。

我想使用asp.net mvc 3 razor html helper跟随html代码：

<input type="text" .... . placeholder="Login" data-icon="user" />

我试过这个：

@Html.TextBoxFor(m => m.UserName, new { placeholder = "Login", data-icon = "user" })

要么

@Html.TextBoxFor(m => m.UserName, new { placeholder = "Login", @data-icon = "user" })

显示错误：

Invalid anonymous type members declaration.

这可能是由于数据图标中的破折号未被视为属性.如何在文本框字段中添加数据图标属性.

是的,你不能这样写,但你可以编写自己的扩展来解决这个问题.以下是示例代码：

public static MvcHtmlString MyInput(this HtmlHelper htmlHelper, string name, string value, string icon) { var attrs = new Dictionary<string,object>(); attrs.Add("data-icon", icon); return htmlHelper.TextBox(name, name, value, attrs); }

或者您也可以使用这样的剃须刀：

@{ var attrs = new Dictionary<string, object>(); attrs.Add("placeholder","Login"); attrs.Add("data-icon","user"); } @Html.TextBoxFor(m => m.UserName, attrs)

Plz不要忘记如果它对你有帮助就标记它是正确的答案:-)