Html.BeginCollectionItem を使用して ASP.NET MVC 部分ビューで複数のモデル インスタンスを管理するにはどうすればよいですか?

Html.BeginCollectionItem を使用してコレクションを部分ビューに渡す

ユーザーがモデルの複数のインスタンスを追加できるフォームを作成する場合、多くの場合、インスタンスごとに部分ビューをレンダリングする必要があります。 ASP.NET MVC は、このプロセスを容易にするための Html.BeginCollectionItem ヘルパーを提供します。

BeginCollectionItem ヘルパーは、モデルの現在のインスタンスのフォーム フィールドを含むテーブル行を作成します。フォームが送信されると、これらのフィールドに入力されたデータは、モデル オブジェクトの対応するプロパティにバインドされます。

BeginCollectionItem を使用するには、まず単一インスタンスのフォーム フィールドを表す部分ビューを作成する必要があります。モデルの。たとえば、_Recipient.cshtml という名前の次の部分ビューについて考えてみましょう。

@model CashRecipientVM
<div>
<p>この部分ビューは、2 つのテキスト ボックス (受信者と金額) と削除ボタンを含むフォームを定義します。 BeginCollectionItem ヘルパーにより、モデルの各インスタンスに独自のフォーム フィールドのセットが確実に存在します。</p>
<p>メイン ビューで、BeginCollectionItem ヘルパーを使用して、これらの部分ビューのコレクションをフォームに追加できます。例:</p>
<pre class="brush:php;toolbar:false">@model IEnumerable<cashrecipientvm>
@using (Html.BeginForm())
{
    <div>
<p>このコードは、CashRecipientVM オブジェクトのリストを含むフォームを作成します。 BeginCollectionItem ヘルパーは、リスト内の各オブジェクトの部分ビューをレンダリングするために使用されます。</p>
<p>フォームには、ユーザーがモデルの追加インスタンスを追加できる「追加」ボタンが含まれています。 「追加」ボタンをクリックすると、別の部分ビューを取得するためにコントローラーに対して AJAX リクエストが行われます。取得された部分ビューはフォームに追加されます。</p>
<p>フォームが送信されると、フォーム フィールドに入力されたデータは、CashRecipientVM オブジェクトの対応するプロパティにバインドされます。その後、コントローラーはこれらのオブジェクトを処理してデータベースに保存できます。</p>
</div></cashrecipientvm>