asp.net-mvc-3 – 在razor html helper中传递data-icon属性

发布时间：2020-12-16 09:19:39 所属栏目：asp.Net 来源：网络整理

导读：我想使用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 =

我想使用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,@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不要忘记如果它对你有帮助就标记它是正确的答案:-)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!