Как запретить Razor добавлять префиксы к входам при использовании вложенных шаблонов отображения?

Когда я использую вложенные шаблоны отображения и добавляю элементы ввода через HTML-помощник, механизм Razor добавляет префикс к именам полей.

Я понимаю, что это делается для того, чтобы гарантировать уникальность имени входа на уровне страницы (и перестроить всю модель на обратной стороне).

Однако у меня есть много небольших форм, которые выполняют ad-hoc-действия, и мне не нужна ни уникальность имени, ни возможность перестроить всю модель.

Мне просто нужно это единственное значение свойства, а при изменении Razor имена входных элементов разбивают связующее устройство модели при отправке одной из форм, так как все имена будут разными.

В этом примере содержится упрощенная вложенная модель

public class Student
{
    public Guid Id { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public List<Course> Courses { get; set; }
}

public class Course
{
    public Guid Id { get; set; }
    public string Name { get; set; }
    public List<Grade> Grades { get; set; }
}

public class Grade
{
    public Guid Id { get; set; }
    public DateTime Date { get; set; }
    public decimal Value { get; set; }
}

и имеет представление Index с тремя вложенными шаблонами отображения

IndexView
    StudentDisplayTemplate
        CourseDisplayTemplate
            GradeDisplayTemplate

В шаблоне отображения класса добавьте кнопку, чтобы удалить оценку

@model Playground.Sandbox.Models.Home.Index.Grade

<li>
    @this.Model.Date: @this.Model.Value

    @using (Html.BeginForm("Remove", "Home", FormMethod.Post))
    {
        <input name="GradeId" type="hidden" value="@this.Model.Id" />

        <input type="submit" value="Remove" />
    }
</li>

а с другой стороны запроса мое действие контроллера получает идентификатор класса

public ActionResult Remove(Guid id)
{
    // Do various things.
    return this.RedirectToAction("Index");
}

Если я попытаюсь сделать это, используя вспомогательный элемент модели

@Html.HiddenFor(x => x.Id)

Я получаю HTML-элемент

<input data-val="true"
       data-val-required="The Id field is required."
       id="Courses_0__Grades_1__Id"
       name="Courses[0].Grades[1].Id"
       type="hidden"
       value="76f7e7ed-a479-42cb-add5-e58c0090770c" />

где имя поля получает префикс, основанный на дереве модели всего родительского представления.

Используя "ручной" помощник

@Html.Hidden("GradeId", this.Model.Id)

дает элемент HTML

<input id="Courses_0__Grades_0__GradeId"
       name="Courses[0].Grades[0].GradeId"
       type="hidden"
       value="bbb3c11d-d2d0-464a-b33b-ff7ac9815601" />

где префикс все еще присутствует, хотя и с моим именем в конце.

Добавление вручную скрытого ввода

<input name="GradeId" type="hidden" value="@this.Model.Id" />

дает элемент HTML

<input name="GradeId"
       type="hidden"
       value="a1a35e81-29cd-41b5-b619-bab79b767613" />

что я хочу.

Можно ли достичь того, что я хочу, или я неправильно понял шаблоны отображения?

Ответы

Ответ 1

Вы хотите установить ViewData.TemplateInfo.HtmlFieldPrefix в свой шаблон Grade:

@model Playground.Sandbox.Models.Home.Index.Grade

@{
    ViewData.TemplateInfo.HtmlFieldPrefix = "";
}

Это дает желаемый результат:

<input id="GradeId" name="GradeId" type="hidden" />

Ответ 2

Из вашего вопроса неясно, хотите ли вы представить как всю форму, так и отдельные действия. Если вы хотите, чтобы иметь возможность сделать то и другое, я думаю, вам придется использовать JS-решение для отправки запросов подчиненной формы вручную.

Однако, если вы просто хотите представить подчиненные элементы, по частям, читать дальше.

Если синтаксис Courses_0__Grades_1__Id для коллекций вызывает проблемы, это относительно легко исправить, по моему опыту.

Вы можете различить поведение имен/идентификаторов в дочерних объектах в коллекциях, используя foreach вместо традиционного for.

Позвольте мне объяснить:


1) Это нарушит привязку модели для представления всей формы. Все входы для дочерних элементов не будут иметь никакого контекста их родительского пути.

@foreach(var child in Model.Children)
{
    @Html.EditorFor(x=> child)
}


  2) Они будут учитывать родительский контекст и позволяют привязывать модель для представления всей формы. Все входы для дочерних элементов будут иметь контекст их родительского пути.

@for(var i = 0; i < Model.Children.Count(); i++)
{
    @Html.EditorFor(x=> Model.Children[i])
}
// or..
var i = 0; 
@foreach(var child in Model.Children)
{
    @Html.EditorFor(x=> Model.Children[i])
    i++;
}

Однако

У вас все еще будут проблемы с объектами NOT в коллекциях, зависание основной модели, например, Model.SomeOtherType.AnotherType будет иметь входы во вложенном EditorFor с именами типа SomeOtherType.Property1 и SomeOtherType.Property2

Для этого вы можете потянуть объект во временную переменную в бритве:

@var tempObj = Model.SomeOtherType;
<div class='somemarkup'>
    @Html.EditorFor(x=> tempObj);
</div>