如何不在每个模型 属性 的 ASP.NET MVC "edit" 视图中重复剃刀代码？

Question

如果你使用ASP.NET MVC，那么下面的代码你一定很熟悉：

<div class="row">
    <div class="form-sm-4">
        @Html.LabelFor(m => m.att)
    </div>
    <div class="form-sm-8">
        @Html.EditorFor(m => m.att, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(m => m.att)
    </div>
</div>

这是一个包含标签、输入和验证消息的基本输入组集。

今天我面对的是具有数十个属性的 POCO class。我的意思是它在模型 class 中有 N 个属性。为了构建 HTML 他必须重复上面的代码片段 N 次。如果 DOM 有变化，他必须手动更改所有 CSS class 甚至某些 HTML。

我正在寻找一种解决方案，他不必为许多模型属性重复上述代码片段。

Answer 1

创建 类：

public static class PropertyExtensions
{
    public static ModelWrapper<T> Wrap<T>(this T property, string propertyName)
    {
        var genericType = typeof(ModelWrapper<>);
        var specificType = genericType.MakeGenericType(typeof(T));

        var wrappedPropertyModel = (ModelWrapper<T>)Activator.CreateInstance(specificType);

        wrappedPropertyModel.ModelProperty = property;
        wrappedPropertyModel.PropertyName = propertyName;

        return wrappedPropertyModel;
    }
}

public class ModelWrapper<T>
{
    public string PropertyName { get; set; }
    public T ModelProperty { get; set; }
}

创建局部视图：

@model ModelWrapper<object>

<div class="row">
    <div class="form-sm-4">
        @Html.Label(Model.PropertyName)
    </div>
    <div class="form-sm-8">
        @Html.EditorFor(m => m.ModelProperty, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(m => m.ModelProperty)
    </div>
</div>

在主视图中：

@Html.Partial("_PartialViewName", ((object)Model.YourVariableProperty).Wrap("YourVariableProperty"))