12

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

这就是我想要的。

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

4

2 回答 2

12

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

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

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

这给出了所需的输出：

<input id="GradeId" name="GradeId" type="hidden" />
于 2013-09-30T19:05:02.650 回答
0

从您的问题来看，尚不清楚您是希望能够提交整个表单还是仅提交单个操作。如果你想同时做到这两点，我认为你必须使用基于 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++;
}

然而

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

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

@var tempObj = Model.SomeOtherType;
<div class='somemarkup'>
    @Html.EditorFor(x=> tempObj);
</div>
于 2014-10-27T17:43:59.840 回答