MVC 6 VNext如何设置HtmlFieldPrefix?

时间:2016-08-25 12:17:22

标签: asp.net-mvc asp.net-core-mvc partial-views asp.net-mvc-partialview

我的观点分为部分观点。因此,在提交时我的模型没有正确重建。

页面视图显示员工数据,其中Employee.Contactinfo是_contactInfo局部视图的模型,其中还有部分视图_phoneInfo,用于呈现具有模型Employee.ContactInfo.PhoneInfo的电话信息。

现在问题在于属性的名称。渲染时的Employee.ContactInfo.PhoneInfo.Contact1名称为“Contact1”,因此在提交时未正确创建模型,我获得了Employee的原始数据,但是像ContactInfo这样的复杂类型为null。

我认为解决方案是在渲染局部视图时添加前缀。如何在MVC 6中执行以下操作?

employee.cshtml

@model Employee
<% Html.RenderPartial("_conctactInfo", Model.ContactInfo, new ViewDataDictionary
{
    TemplateInfo = new System.Web.Mvc.TemplateInfo { HtmlFieldPrefix = "ContactInfo" }
})
%>

_contactInfo.cshtml

@model ContactInfo
<% Html.RenderPartial("_phoneInfo", Model.PhoneInfo, new ViewDataDictionary
{
    TemplateInfo = new System.Web.Mvc.TemplateInfo { HtmlFieldPrefix = "PhoneInfo" }
})
%>

_phoneInfo.cshtml

@model PhoneInfo
<input asp-for="@Model.Contact1" />

2 个答案:

答案 0 :(得分:13)

这是解决方案,

namespace Website1.Extensions
{
    public static class HtmlHelper
    {
        public static IHtmlContent Partial(this IHtmlHelper htmlHelper, string partialViewName, object model, string prefix)
        {
            var viewData = new ViewDataDictionary(htmlHelper.ViewData);
            var htmlPrefix = viewData.TemplateInfo.HtmlFieldPrefix;
            viewData.TemplateInfo.HtmlFieldPrefix += !Equals(htmlPrefix, string.Empty) ? $".{prefix}" : prefix;
            return htmlHelper.Partial(partialViewName, model, viewData);
        }

        public static Task<IHtmlContent> PartialAsync(this IHtmlHelper htmlHelper, string partialViewName, object model, string prefix)
        {
            var viewData = new ViewDataDictionary(htmlHelper.ViewData);
            var htmlPrefix = viewData.TemplateInfo.HtmlFieldPrefix;
            viewData.TemplateInfo.HtmlFieldPrefix += !Equals(htmlPrefix, string.Empty) ? $".{prefix}" : prefix;
            return htmlHelper.PartialAsync(partialViewName, model, viewData);
        }
    }
}

employee.cshtml

@using Website1.Extensions;
@model Employee
@Html.Partial("_contactInfo", Model.ContactInfo, nameof(Model.ContactInfo))

_contactInfo.cshtml

@using Website1.Extensions;
@model ContactInfo
@Html.Partial("_phoneInfo", Model.PhoneInfo, nameof(Model.PhoneInfo))

_phoneInfo.cshtml

@model PhoneInfo
<input asp-for="@Model.Contact1" />

答案 1 :(得分:0)

如果只需要一次,这将是_contactInfo部分视图的快速解决方案

employee.cshtml

   @{
        var viewData = new ViewDataDictionary(ViewData);
        viewData.TemplateInfo.HtmlFieldPrefix = "ContactInfo";
    }

    <partial name="_conctactInfo" model="Model.ContactInfo" view-data="@viewData"/>