ASP.NET MVC 部分视图：输入名称前缀

Question

假设我有 ViewModel 就像

public class AnotherViewModel
{
   public string Name { get; set; }
}
public class MyViewModel
{
   public string Name { get; set; }
   public AnotherViewModel Child { get; set; }
   public AnotherViewModel Child2 { get; set; }
}

在视图中我可以渲染一个部分在

<% Html.RenderPartial("AnotherViewModelControl", Model.Child) %>

部分我会做

<%= Html.TextBox("Name", Model.Name) %>
or
<%= Html.TextBoxFor(x => x.Name) %>

但是，问题是两者都会渲染 name="Name" 而我需要有 name="Child.Name" 以便模型活页夹才能正常工作。或者，当我使用相同的部分视图渲染第二个属性时， name="Child2.Name" 。

如何使我的部分视图自动识别所需的前缀？我可以将它作为参数传递，但这太不方便了。例如，当我想要递归渲染它时，情况会更糟。有没有一种方法可以使用前缀来渲染部分视图，或者更好的是，通过自动重新调整调用 lambda 表达式，以便

<% Html.RenderPartial("AnotherViewModelControl", Model.Child) %>

自动添加正确的“Child”。生成的名称/ID 字符串的前缀？

我可以接受任何解决方案，包括第 3 方视图引擎和库 - 我实际上使用 Spark View Engine（我使用其宏“解决”问题）和 MvcContrib，但在那里没有找到解决方案。 XForms、InputBuilder、MVC v2 - 任何提供此功能的工具/见解都会很棒。

目前我正在考虑自己编码，但这似乎是浪费时间，我不敢相信这个琐碎的事情还没有实现。

可能存在很多手动解决方案，并且欢迎所有这些解决方案。例如，我可以强制我的部分基于 IPartialViewModel{ 公共字符串前缀； T型； }。但我更喜欢一些现有/批准的解决方案。

更新：此处有一个类似的问题，但没有答案。

Answer 1

您可以通过以下方式扩展 Html 帮助器类：

using System.Web.Mvc.Html


 public static MvcHtmlString PartialFor<TModel, TProperty>(this HtmlHelper<TModel> helper, System.Linq.Expressions.Expression<Func<TModel, TProperty>> expression, string partialViewName)
    {
        string name = ExpressionHelper.GetExpressionText(expression);
        object model = ModelMetadata.FromLambdaExpression(expression, helper.ViewData).Model;
        var viewData = new ViewDataDictionary(helper.ViewData)
        {
            TemplateInfo = new System.Web.Mvc.TemplateInfo
            {
                HtmlFieldPrefix = name
            }
        };

        return helper.Partial(partialViewName, model, viewData);

    }

并在您的视图中简单地使用它，如下所示：

<%= Html.PartialFor(model => model.Child, "_AnotherViewModelControl") %>

您将看到一切都正常！

Answer 2

到目前为止，我正在寻找同样的东西，我发现了最近的帖子：

http://davybrion.com/blog/2011/01/prefixing-input-elements-of-partial-views-with-asp-net-mvc/

<% Html.RenderPartial("AnotherViewModelControl", Model.Child, new ViewDataDictionary
{
    TemplateInfo = new System.Web.Mvc.TemplateInfo { HtmlFieldPrefix = "Child1" }
})
%>

Answer 3

我的回答基于 Mahmoud Moravej 的回答，包括 Ivan Zlatev 的评论。

    public static MvcHtmlString PartialFor<TModel, TProperty>(this HtmlHelper<TModel> helper, System.Linq.Expressions.Expression<Func<TModel, TProperty>> expression, string partialViewName)
    {
            string name = ExpressionHelper.GetExpressionText(expression);
            object model = ModelMetadata.FromLambdaExpression(expression, helper.ViewData).Model;
            StringBuilder htmlFieldPrefix = new StringBuilder();
            if (helper.ViewData.TemplateInfo.HtmlFieldPrefix != "")
            {
                htmlFieldPrefix.Append(helper.ViewData.TemplateInfo.HtmlFieldPrefix);
                htmlFieldPrefix.Append(name == "" ? "" : "." + name);
            }
            else
                htmlFieldPrefix.Append(name);

            var viewData = new ViewDataDictionary(helper.ViewData)
            {
                TemplateInfo = new System.Web.Mvc.TemplateInfo
                {
                    HtmlFieldPrefix = htmlFieldPrefix.ToString()
                }
            };

        return helper.Partial(partialViewName, model, viewData);
    }

编辑：
对于嵌套部分渲染，Mohamoud 的答案是不正确的。仅在必要时才需要将新前缀附加到旧前缀。最新答案中并没有明确这一点（：

Answer 4

使用 MVC2 您可以实现这一点。

这是强类型视图：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcLearner.Models.Person>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Create
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Create</h2>

    <% using (Html.BeginForm()) { %>
        <%= Html.LabelFor(person => person.Name) %><br />
        <%= Html.EditorFor(person => person.Name) %><br />
        <%= Html.LabelFor(person => person.Age) %><br />
        <%= Html.EditorFor(person => person.Age) %><br />
        <% foreach (String FavoriteFoods in Model.FavoriteFoods) { %>
            <%= Html.LabelFor(food => FavoriteFoods) %><br />
            <%= Html.EditorFor(food => FavoriteFoods)%><br />
        <% } %>
        <%= Html.EditorFor(person => person.Birthday, "TwoPart") %>
        <input type="submit" value="Submit" />
    <% } %>

</asp:Content>

这是子类的强类型视图（必须存储在名为 EditorTemplates 的视图目录的子文件夹中）：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MvcLearner.Models.TwoPart>" %>

<%= Html.LabelFor(birthday => birthday.Day) %><br />
<%= Html.EditorFor(birthday => birthday.Day) %><br />

<%= Html.LabelFor(birthday => birthday.Month) %><br />
<%= Html.EditorFor(birthday => birthday.Month) %><br />

这是控制器：

public class PersonController : Controller
{
    //
    // GET: /Person/
    [AcceptVerbs(HttpVerbs.Get)]
    public ActionResult Index()
    {
        return View();
    }

    [AcceptVerbs(HttpVerbs.Get)]
    public ActionResult Create()
    {
        Person person = new Person();
        person.FavoriteFoods.Add("Sushi");
        return View(person);
    }

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Create(Person person)
    {
        return View(person);
    }
}

这是自定义类：

public class Person
{
    public String Name { get; set; }
    public Int32 Age { get; set; }
    public List<String> FavoriteFoods { get; set; }
    public TwoPart Birthday { get; set; }

    public Person()
    {
        this.FavoriteFoods = new List<String>();
        this.Birthday = new TwoPart();
    }
}

public class TwoPart
{
    public Int32 Day { get; set; }
    public Int32 Month { get; set; }
}

以及输出源：

<form action="/Person/Create" method="post"><label for="Name">Name</label><br /> 
    <input class="text-box single-line" id="Name" name="Name" type="text" value="" /><br /> 
    <label for="Age">Age</label><br /> 
    <input class="text-box single-line" id="Age" name="Age" type="text" value="0" /><br /> 
    <label for="FavoriteFoods">FavoriteFoods</label><br /> 
    <input class="text-box single-line" id="FavoriteFoods" name="FavoriteFoods" type="text" value="Sushi" /><br /> 
    <label for="Birthday_Day">Day</label><br /> 
    <input class="text-box single-line" id="Birthday_Day" name="Birthday.Day" type="text" value="0" /><br /> 

    <label for="Birthday_Month">Month</label><br /> 
    <input class="text-box single-line" id="Birthday_Month" name="Birthday.Month" type="text" value="0" /><br /> 
    <input type="submit" value="Submit" /> 
</form>

现在这就完成了。在 Create Post 控制器操作中设置断点以进行验证。但是，不要将其与列表一起使用，因为它不起作用。有关更多信息，请参阅我关于将 EditorTemplates 与 IEnumerable 一起使用的问题。

Answer 5

这是一个老问题，但对于来到这里寻找解决方案的任何人，请考虑使用 EditorFor，如 https://stackoverflow.com/a/29809907/456456。要从局部视图移动到编辑器模板，请按照以下步骤操作。

1. 验证您的分部视图是否已绑定到ComplexType。

2. 将部分视图移至当前视图文件夹的子文件夹EditorTemplates，或文件夹Shared。现在，它是一个编辑器模板。

3. 将@Html.Partial("_PartialViewName", Model.ComplexType)更改为@Html.EditorFor(m => m.ComplexType, "_EditorTemplateName")。如果编辑器模板是复杂类型的唯一模板，则它是可选的。

Html 输入元素将自动命名为ComplexType.Fieldname。

Answer 6

PartailFor 用于 asp.net Core 2，以防有人需要。

    public static ModelExplorer GetModelExplorer<TModel, TResult>(this IHtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TResult>> expression)
    {
        if (expression == null)
            throw new ArgumentNullException(nameof(expression));
        return ExpressionMetadataProvider.FromLambdaExpression(expression, htmlHelper.ViewData, htmlHelper.MetadataProvider);
    }

    public static IHtmlContent PartialFor<TModel, TResult>(this IHtmlHelper<TModel> helper, Expression<Func<TModel, TResult>> expression, string partialViewName, string prefix = "")
    {
        var modelExplorer = helper.GetModelExplorer(expression);
        var viewData = new ViewDataDictionary(helper.ViewData);
        viewData.TemplateInfo.HtmlFieldPrefix += prefix;
        return helper.Partial(partialViewName, modelExplorer.Model, viewData);
    }

Answer 7

如此处所述： https://stackoverflow.com/a/58943378/3901618 - 对于 ASP.NET Core - 您可以使用部分标签助手。

<partial name="AnotherViewModelControl" for="Child" />
<partial name="AnotherViewModelControl" for="Child2" />

它生成所有必需的名称前缀。

Answer 8

我也遇到了这个问题，经过一番痛苦之后，我发现重新设计我的界面更容易，这样我就不需要回发嵌套模型对象。这迫使我改变我的界面工作流程：当然，我现在要求用户分两步完成我梦想在一个步骤上做的事情，但新方法的可用性和代码可维护性现在对我来说具有更大的价值。

希望这对一些人有帮助。

Answer 9

您可以为 RenderPartial 添加一个助手，它采用前缀并将其弹出到 ViewData 中。

    public static void RenderPartial(this HtmlHelper helper,string partialViewName, object model, string prefix)
    {
        helper.ViewData["__prefix"] = prefix;
        helper.RenderPartial(partialViewName, model);
    }

然后是另一个助手，它连接 ViewData 值

    public static void GetName(this HtmlHelper helper, string name)
    {
        return string.Concat(helper.ViewData["__prefix"], name);
    }

，因此在视图中......

<% Html.RenderPartial("AnotherViewModelControl", Model.Child, "Child.") %>

在部分......

<%= Html.TextBox(Html.GetName("Name"), Model.Name) %>

Answer 10

和您一样，我将 Prefix 属性（字符串）添加到我的 ViewModel 中，并将其附加在模型绑定输入名称之前。 （YAGNI 阻止了下面的内容）

一个更优雅的解决方案可能是具有此属性的基本视图模型和一些 HtmlHelpers，它们检查视图模型是否派生自此基础，如果是，则将前缀附加到输入名称。

希望有帮助，

丹

Answer 11

在你调用 RenderPartial 之前怎么样

<% ViewData["Prefix"] = "Child."; %>
<% Html.RenderPartial("AnotherViewModelControl", Model.Child) %>

然后在你的部分中你有

<%= Html.TextBox(ViewData["Prefix"] + "Name", Model.Name) %>