ASP.NET MVC @Html.LabelFor(model => model.Name) 助手

ASP.NET MVC @Html.LabelFor(model => model.Name) Helper

我正在尝试创建一个帮助程序,使我的表单在整个网站中得到控制

这是我目前使用的

@helper editorField(System.Linq.Expressions.Expression<Func<Model, String>> o)
{
    <div class="form-group">
        @Html.LabelFor(o, new { @class = "col-md-4 control-label" })
        @Html.ValidationMessageFor(o, "", new { @class = "col-md-6 col-xs-12  text-errer" })
        <div class="col-md-5">
            @Html.TextBoxFor(o, new { @class = "form-control" })
        </div>
    </div>
}

我的使用方式是

        @editorField(model => model.Name)
        @editorField(model => model.Email)
        @editorField(model => model.PhoneNumber)

这使得在一处更改整个网站的样式和布局变得非常容易

问题来了

我需要为每个模型和数据类型制作助手

我正在寻找一种方法让它像这样工作

@helper editorField(object o)
{
        <div class="form-group">
            @Html.LabelFor(o, new { @class = "col-md-4 control-label" })
            @Html.ValidationMessageFor(o, "", new { @class = "col-md-6 col-xs-12  text-errer" })
            <div class="col-md-5">
                @Html.TextBoxFor(o, new { @class = "form-control" })
            </div>
        </div>
}

它应该适用于所有模型和数据类型

所以基本上你想要实现的是一个通用的 HTML 助手。不幸的是,Razor 视图不直接支持这些。但是,您可以使用此解决方法:

@functions
{
    public HelperResult PasteEditorFor<TModel, TItem>(HtmlHelper<TModel> html, Expression<Func<TModel, TItem>> expr)
    {
        return editorField(
            html.LabelFor(expr, new { @class = "col-md-4 control-label" }), 
            html.ValidationMessageFor(expr, "", new { @class = "col-md-6 col-xs-12  text-errer" }), 
            html.TextBoxFor(expr, new { @class = "form-control" }));
    }
}

@helper editorField(MvcHtmlString label, MvcHtmlString validationMessage, MvcHtmlString textBox)
{
     <div class="form-group">
         @label
         @validationMessage
         <div class="col-md-5">
            @textBox
         </div>
     </div>
 }

// usage sample
@PasteEditorFor(Html, m => m.LongDescription)

但由于它仍然不容易重用(目前还不知道如何让它在所有视图中可见),所以我建议您使用通常的静态 class 语法编写通常的 HtmlHelper (查看 Alundra the dreamwalker 评论)并将其名称空间添加到 WebConfig 中的默认名称列表。