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

时间:2012-01-06 12:08:22

标签: asp.net-mvc-3 viewmodel data-annotations editorformodel

我有一个包含两种复杂类型的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,它的工作正常。我也尝试将[UIHInt(“..”)]注释添加到EditProductViewModel,但这没有什么区别。

我错过了什么?

2 个答案:

答案 0 :(得分:2)

@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源代码Here

有一个名为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只是呈现一个简单的文字。

答案 1 :(得分:0)

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

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

@{
    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常量来设置最大嵌套深度。