我想使用asp.net mvc 3 razor html助手来执行以下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.
这可能是由于数据图标中的短划线未作为属性。如何在文本框字段中添加数据图标属性。
尝试这个
@Html.TextBoxFor(m => m.UserName, new { placeholder = "Login", data_icon = "user" })
是的,你不能那样写,但你可以写自己的扩展来解决这个问题。这是示例代码:
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如果它对你有帮助,不要忘记标记它的正确答案:-)
这确实与vNext的第二个替代方案相同,但如果您更喜欢内联编写:
@Html.TextBoxFor(m => m.UserName, new Dictionary<string, object> { { "placeholder", "Login" }, { "data-icon", "user" } })