私の MVC アプリケーションには、従来の親子 (マスター詳細) 関係があります。
新しい親と子の両方を同じページに作成する単一のページが必要です。部分ビューを返し、子 HTML を親のビューに追加するアクションを追加しましたが、アクションで新しく作成された子を元の親に関連付ける方法がわかりません (つまり、追加する方法がわかりません)。親エンティティ内のこれらのエンティティのコレクションへの新しい子エンティティ)。
フォームを送信すると、アクションはコレクションに新しく作成された子を持つ親エンティティを取得する必要があると思います。
簡単に言うと、子エンティティを作成するアクションのコードと、子エンティティをその親コレクションに追加する方法を教えてください。
ここ (および他のサイト) で多くの投稿を読みましたが、例が見つかりませんでした。
アプリケーションは、MVC 4 と Entity Framework 5 を使用します。
コードサンプル (シンプルにするために一部のコードを削除しました)。モデルは Form (親) エンティティと FormField (子) エンティティです。
public partial class Form
{
public int ID { get; set; }
public string Name { get; set; }
public virtual ICollection<FormField> FormFields { get; set; }
}
public partial class FormField
{
public int ID { get; set; }
public string Name { get; set; }
public int FormID { get; set; }
}
次の部分ビュー (_CreateFormField.cshtml) は、新しい FormField (子) を作成します。
@model FormField
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>FormField</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.FormID)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.FormID)
@Html.ValidationMessageFor(model => model.FormID)
</div>
</fieldset>
}
次のビュー (Create.cshtml) は、フォームを作成するビューです。
@model Form
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Form</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div>
@Html.ActionLink(
"Add Field",
"CreateFormField",
new { id = -1},
new { @class = "form-field" })
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
<div id="CreateFormField"></div>
@section Scripts {
<script>
$(function () {
$('.form-field').on('click', function (e) {
$.get($(this).prop('href'), function (response) {
$('#CreateFormField').append(response)
});
e.preventDefault();
});
});
</script>
@Scripts.Render("~/bundles/jqueryval")
}
次のアクションは、FormController での作成を処理します。
[HttpPost]
public ActionResult Create(Form form)
{
if (ModelState.IsValid)
{
db.Forms.Add(form);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(form);
}
public ActionResult CreateFormField(string id = null)
{
// I guess something is missing here.
return PartialView("_CreateFormField", new FormField());
}
前もって感謝します、
シャロン。