如何在包装 ViewModel 中对复杂类型使用 EditorForModel 和 DataAnnotations？

Question

我有一个包含两种复杂类型的 ViewModel：

public class EditProductViewModel
{
    public ProductData ProductData { get; set; }
    public FridgeContent FridgeContent { get; set; }
}

并且此视图：

@model EditProductViewModel
@using (Html.BeginForm("Edit", "ProductData", FormMethod.Post))
{
   @Html.EditorForModel()
   [...]
}

ProductData 和 FridgeContent 包含带有 DataAnnotations 的 POCO 属性，如下所示：

public class FridgeContentMetadata : DatabaseEntityMetadataBase
{
    [Required]
    [HiddenInput(DisplayValue = false)]
    public int ProductDataId { get; set; }

    [Required]
    [UIHint("StringReadOnly")]
    public int ScaleId { get; set; }

    [Required]
    [UIHint("StringReadOnly")]
    [Range(0.01, float.MaxValue, ErrorMessage = "The weight of a product must be positive.")]
    public float Weight { get; set; }

    [...]
}

我想使用这些类和 EditorForModel() 方法中的适当数据注释来编辑 EditProductView 中的 ProductData 和 FridgeContent (我不想自己生成模板）。因此，我在 /Views/Shared/EditorTemplates/ 中创建了模板 ProductData.cshtml 和 FridgeContent.cshtml：

@model FridgeContent 
@Html.EditorForModel()

不幸的是，EditProductViewModel 的视图是空的（没有引发错误）。如果我单独将 EditorForModel 用于 FridgeContent 或 ProductData，则它工作正常。我还尝试向 EditProductViewModel 添加 [UIHInt("..")] 注释，但这没有什么区别。

我缺少什么？

Answer 1

@model EditProductViewModel
@using (Html.BeginForm("Edit", "ProductData", FormMethod.Post))
{
   @Html.EditorFor(o=> o.ProductData )

   @Html.EditorFor(o=> o.FridgeContent )
}

或者为你的ViewModel创建一个包含这两行的编辑模板

   @Html.EditorFor(o=> o.ProductData )
   @Html.EditorFor(o=> o.FridgeContent )

UPADTE:

哦终于明白了，因为渲染引擎不会在对象层次结构中走更多一步，你可以在asp.net mvc代码中找到它还。

检查MVC 3.0源代码这里：

有一个名为DefaultEditorTemplates.cs的文件 其中包含此方法：

internal static string ObjectTemplate(HtmlHelper html, TemplateHelpers.TemplateHelperDelegate templateHelper) {
    ViewDataDictionary viewData = html.ViewContext.ViewData;
    TemplateInfo templateInfo = viewData.TemplateInfo;
    ModelMetadata modelMetadata = viewData.ModelMetadata;
    StringBuilder builder = new StringBuilder();

    if (templateInfo.TemplateDepth > 1) {    // DDB #224751
        return modelMetadata.Model == null ? modelMetadata.NullDisplayText : modelMetadata.SimpleDisplayText;
    }

    foreach (ModelMetadata propertyMetadata in modelMetadata.Properties.Where(pm => ShouldShow(pm, templateInfo))) {
        if (!propertyMetadata.HideSurroundingHtml) {
            string label = LabelExtensions.LabelHelper(html, propertyMetadata, propertyMetadata.PropertyName).ToHtmlString();
            if (!String.IsNullOrEmpty(label)) {
                builder.AppendFormat(CultureInfo.InvariantCulture, "<div class=\"editor-label\">{0}</div>\r\n", label);
            }

            builder.Append("<div class=\"editor-field\">");
        }

        builder.Append(templateHelper(html, propertyMetadata, propertyMetadata.PropertyName, null /* templateName */, DataBoundControlMode.Edit, null /* additionalViewData */));

        if (!propertyMetadata.HideSurroundingHtml) {
            builder.Append(" ");
            builder.Append(html.ValidationMessage(propertyMetadata.PropertyName));
            builder.Append("</div>\r\n");
        }
    }

    return builder.ToString();
}

它清楚地表明如果 TemplateDepth > 1 只是渲染一个简单的文本。

Answer 2

正如上面的答案所示，这个问题似乎与限制它将考虑的嵌套深度的框架有关。

解决该问题的一种方法是使用您自己的编辑器模板。在 Views/Shared/EditorTemplates 中创建分部视图 Object.cshtml。以下是取自此处的示例模板：

@{
    Func<ModelMetadata, bool> ShouldShow = metadata =>
        metadata.ShowForEdit && !ViewData.TemplateInfo.Visited(metadata);
}
@if (ViewData.TemplateInfo.TemplateDepth > 5) {
    if (Model == null) { 
        @ViewData.ModelMetadata.NullDisplayText 
    } else { 
        @ViewData.ModelMetadata.SimpleDisplayText 
    } 
} else {     
    foreach (var prop in ViewData.ModelMetadata.Properties.Where(ShouldShow)) { 
        if (prop.HideSurroundingHtml) { 
            @Html.Editor(prop.PropertyName) 
        } else { 
            if (string.IsNullOrEmpty(Html.Label(prop.PropertyName).ToHtmlString())==false) { 
                <div class="editor-label">
                    @Html.Label(prop.PropertyName) 
                </div>
            } 
            <div class="editor-field">
                @Html.Editor(prop.PropertyName)  
                @Html.ValidationMessage(prop.PropertyName) 
            </div>
        } 
    } 
} 

在上面的示例中，您可以通过以下方式设置最大嵌套深度：更改 5 常量。