12

ネストされた表示テンプレートを使用し、HTML ヘルパーを使用して入力要素を追加すると、Razor エンジンがフィールド名にプレフィックスを追加します。

これは、ページ レベルでの入力名の一意性を保証するため (およびポスト バック時にモデル全体を再構築するため) に行われることを理解しています。

ただし、アドホック アクションを実行する小さなフォームが多数あり、名前の一意性もモデル全体を再構築する機能も必要ありません。

その単一のプロパティ値が必要なだけで、すべての名前が異なるため、Razor で入力項目名を変更すると、フォームの 1 つを送信するとモデル バインダーが壊れます。

この例には、単純化されたネストされたモデルが含まれています

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

Index3 つのネストされた表示テンプレートを含むビューがあります

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 に答える