Question

可能重复：
Client Id for Property (ASP.Net MVC)

使用Html.LabelFor＆lt;＆gt;时，有没有办法让Razor渲染Label元素的ID属性？助手？

示例：

.cshtml page
@using (Html.BeginForm())
{
@Html.LabelFor(m => m.Foo)
@Html.TextBoxFor(m => m.Foo)
}

呈现页面

<form ...>
<label for="Foo" id="Label_Foo" />
<input type="text" name="Foo" id="Foo" />
</form>

仅供参考 - 我想在标签上添加ID的唯一原因是CSS设计。我更喜欢用ID引用Label而不是将Label包装在一个块（即div）中，然后设置块的样式。

Answer 1

不幸的是，这个帮助器没有内置的重载，可以让你实现这一点。

幸运的是，需要几行代码才能实现自己的代码：

public static class LabelExtensions
{
    public static MvcHtmlString LabelFor<TModel, TValue>(
        this HtmlHelper<TModel> html, 
        Expression<Func<TModel, TValue>> expression, 
        object htmlAttributes
    )
    {
        return LabelHelper(
            html,
            ModelMetadata.FromLambdaExpression(expression, html.ViewData),
            ExpressionHelper.GetExpressionText(expression),
            htmlAttributes
        );
    }

    private static MvcHtmlString LabelHelper(
        HtmlHelper html, 
        ModelMetadata metadata,
        string htmlFieldName, 
        object htmlAttributes
    )
    {
        string resolvedLabelText = metadata.DisplayName ?? metadata.PropertyName ?? htmlFieldName.Split('.').Last();
        if (string.IsNullOrEmpty(resolvedLabelText))
        {
            return MvcHtmlString.Empty;
        }

        TagBuilder tag = new TagBuilder("label");
        tag.Attributes.Add("for", TagBuilder.CreateSanitizedId(html.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(htmlFieldName)));
        tag.MergeAttributes(new RouteValueDictionary(htmlAttributes));
        tag.SetInnerText(resolvedLabelText);
        return MvcHtmlString.Create(tag.ToString(TagRenderMode.Normal));
    }
}

一旦进入范围，请在视图中使用此帮助程序：

@Html.LabelFor(m => m.Foo, new { id = "Foo" })
@Html.TextBoxFor(m => m.Foo)

备注：因为现在您需要管理HTML ID，请确保它们在整个文档中都是唯一的。

备注2：我无耻地剽窃并修改了ASP.NET MVC 3源代码中的LabelHelper方法。

Answer 2

对于普通标签@Html.Label()，你可以这样做：

public static HtmlString Label(this HtmlHelper helper, string target = "", string text = "", string id = "")
{
    return new HtmlString(string.Format("<label id='{0}' for='{1}'>{2}</label>", id, target, text));
}

如何为Html.LabelFor＆lt;＆gt;指定ID （MVC Razor）

2 个答案: