web-dev-qa-db-ja.com

Html.LabelFor <>（MVC Razor）のIDを指定する方法

重複の可能性：
プロパティのクライアントID（ASP.Net MVC）

Html.LabelFor <>ヘルパーを使用するときに、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>

FYI-IDをラベルに追加したい唯一の理由は、CSSデザインのためです。ラベルをブロック（divなど）でラップしてからブロックをスタイリングするのではなく、IDでラベルを参照したいのですが。

asp.net-mvc-3razorhtml-helper
18
Jed

残念ながら、これを達成するためのこのヘルパーの組み込みのオーバーロードはありません。

幸い、独自のコードを実装するには数行のコードが必要です。

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メソッドを恥知らずに盗用および変更しました。

28
Darin Dimitrov

そして、通常のラベル@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));
}
1
Actionman