Часткові перегляди ASP.NET MVC: префікси імені вводу

Припустимо, мені подобається 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", коли я надаю другу властивість, використовуючи той самий частковий вигляд.

Як зробити так, щоб мій частковий вигляд автоматично розпізнав потрібний префікс? Я можу передавати це як параметр, але це занадто незручно. Це ще гірше, коли я хочу, наприклад, зробити це рекурсивно. Чи є спосіб вивести часткові представлення з префіксом, а ще краще, з автоматичним відновленням виклику лямбда-виразу, щоб

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

автоматично додасть правильне "Дитина". префікс до згенерованих рядків імені / id?

Я можу прийняти будь-яке рішення, включаючи двигуни та бібліотеки сторонніх представників - я фактично використовую Spark View Engine (я "вирішую" проблему за допомогою своїх макросів) та MvcContrib, але там не знайшов рішення. XForms, InputBuilder, MVC v2 - будь-який інструмент / уявлення, які забезпечують цю функціональність, буде чудовим.

В даний час я думаю про кодування цього самого, але це здається марною тратою часу, я не можу повірити, що цей тривіальний матеріал уже не реалізований.

Можливо, існує багато ручних рішень, і всі вони вітаються. Наприклад, я можу змусити мої партії базуватися на IPartialViewModel <T> {префікс public string; T Модель; }. Але я вважаю за краще щось існуюче / затверджене рішення.

UPDATE: є таке запитання без відповіді тут .

Ви можете продовжити 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") %>

і ти побачиш, що все гаразд!

поки що я шукав те саме, що знайшов цей останній пост:

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

Моя відповідь, заснована на відповіді Махмуда Моравея, включаючи коментар Івана Златева.

    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);
    }

Редагувати: Відповідь Мухаммода є неправильною для вкладеної часткової візуалізації. Потрібно додати новий префікс до старого префікса, лише якщо це необхідно. Це було не ясно в останніх відповідях (:

Використовуючи 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, щоб дізнатися більше про це.

Це давнє запитання, але для тих, хто приїжджає сюди, шукаючи рішення, подумайте про використання 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.

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);
    }

Я також натрапив на цю проблему, і після сильного болю я виявив, що легше переробити інтерфейси так, що мені не потрібно було розміщувати назад вкладені об'єкти моделі. Це змусило мене змінити робочі процеси в інтерфейсі: я впевнений, що тепер я вимагаю від користувача зробити за два кроки те, про що я мріяв зробити на одному, але зручність використання та підтримка коду нового підходу зараз для мене має більшу цінність.

Сподіваюся, що це допомагає деяким.

Ви можете додати помічник для 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) %>

Як і ви, я додаю властивість Prefix (рядок) до своїх ViewModels, які я додаю перед іменами введення, пов'язаними з моєю моделлю. (ЯГНІ запобігає наведеному нижче)

Більш елегантним рішенням може бути модель базового виду, яка має цю властивість, і деякі HtmlHelpers, які перевіряють, чи походить модель перегляду від цієї бази, і якщо так, додайте префікс до вхідного імені.

Сподіваюся, що це допомагає,

Ден

Як насправді перед тим, як викликати RenderPartial, ви це робите

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

Тоді у вашому частковому є

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