如何防止Razor在使用嵌套显示模板时向输入添加前缀

Question

当我使用嵌套的显示模板并通过HTML助手添加输入元素时，Razor引擎会为字段名称添加前缀。

我知道这样做是为了保证页面级别的输入名称的唯一性（并在发布后重建整个模型）。

然而，我有许多执行特殊操作的小表单，我既不需要名称的唯一性，也不需要重建整个模型的能力。

我只需要那个单一的属性值，当我提交其中一个表单时，让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>

在请求的另一边，我的控制器动作接收等级ID

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" />

这就是我想要的。

有可能实现我想要的吗，还是我把显示模板搞错了？

Answer 1

您想在Grade模板中设置ViewData.TemplateInfo.HtmlFieldPrefix：

@model Playground.Sandbox.Models.Home.Index.Grade
@{
    ViewData.TemplateInfo.HtmlFieldPrefix = "";
}

这给出了所需的输出：

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

Answer 2

根据您的问题，尚不清楚您是希望同时提交整个表单，还是仅提交单个操作。如果你想同时做到这两点，我认为你必须使用基于JS的解决方案来手动提交子表单请求。

但是，如果您只想提交子表单，请逐段提交。。

根据我的经验，如果集合的语法Courses_0__Grades_1__Id导致问题，那么这相对容易解决。

通过使用foreach而不是传统的for，您可以获得关于如何在集合中的子对象中生成名称/ID的不同行为。

让我解释一下：

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

但是

您仍然会遇到集合中没有对象的问题，挂起主模型，比如Model.SomeOtherType.AnotherType将在嵌套的EditorFor中使用SomeOtherType.Property1和SomeOtherType.Property2 等名称进行输入

对于这些，您可以将对象拉入剃刀中的临时变量：

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