繁体   English   中英

如何不在 ASP.NET MVC“编辑”视图中为每个模型属性重复剃刀代码?

[英]How to do not repeat a razor code in an ASP.NET MVC “edit” view for each model property?

如果你使用 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 类。 我的意思是它在模型类中有 N 个属性。 为了构建一个 HTML,他必须重复上面的代码片段 N 次。 如果 DOM 发生变化,他必须手动更改所有 CSS 类甚至某些 HTML。

我正在寻找一种解决方案,其中他不必为数十个模型属性重复上述代码片段。

创建类:

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"))

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM