问题在使用嵌套显示模板时，如何防止Razor为输入添加前缀？

当我使用嵌套显示模板并通过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" />

这就是我想要的。

是否有可能实现我想要的，或者我得到显示模板的错误？

12867

2017-09-03 15:02

起源

stackoverflow.com/questions/14157376/... - Moe Bataineh

@MohamadBataineh就像我说的那样，我知道它为什么要这样做。我问的是，在使用HTML帮助程序时是否有办法防止它（我不认为我可以在接收操作上使用Bind属性，因为帮助程序在名称中放置了数组索引）。 - Albireo

答案:

你想要设置 ViewData.TemplateInfo.HtmlFieldPrefix 在你的 Grade 模板：

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

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

这给出了所需的输出：

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

2017-09-30 19:05

它确实解决了名称问题，但现在标记无效。看起来他正在使用 List 的 Grades并将其呈现为表单元素列表。通过设置 ViewData.TemplateInfo.HtmlFieldPrefix 至 "" 表单输入的id字段将不再是唯一的。任何解决方法的想法？除了为每个输入指定自定义ID之外。 - Maksim Vi.

从您的问题来看，目前尚不清楚您是否希望能够提交整个表单，或仅提交个别操作。如果您希望能够同时执行这两项操作，我认为您必须使用基于JS的解决方案来手动提交子表单请求。

但是，如果您只是想提交子表单，请零碎地阅读..

如果是语法 Courses_0__Grades_1__Id 根据我的经验，对于集合来说会导致问题，这相对容易修复。

您可以通过使用在集合中的子对象中如何生成名称/ 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++;
}

然而

你仍然会遇到不在集合中的对象，悬挂在主模型上的问题，比如 Model.SomeOtherType.AnotherType 将嵌套的输入 EditorFor 名字像 SomeOtherType.Property1 和 SomeOtherType.Property2

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

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

2017-10-27 17:43

问题 在使用嵌套显示模板时，如何防止Razor为输入添加前缀？

答案:

热门问题

问题在使用嵌套显示模板时，如何防止Razor为输入添加前缀？