В моем приложении MVC есть классические отношения родитель-потомок (master-detail).
Я хочу иметь одну страницу, которая создаст как родителя, так и детей на одной странице. Я добавил действие, которое возвращает частичное представление, которое добавляет дочерний HTML в представление родителей, но я не знаю, как связать вновь созданный ребенок в действии с исходным родителем (другими словами, как добавить новый дочернего объекта для сбора этих объектов в родительском объекте).
Я предполагаю, что при отправке формы действие должно получить родительский объект с вновь созданными дочерними элементами в его коллекции.
Итак, чтобы сделать что-то не так, каков должен быть код действия, создающего дочерний объект и как дочерний элемент добавляется в его родительскую коллекцию?
Я прочитал много сообщений здесь (и других сайтов) и не смог найти пример.
В приложении используются MVC 4 и Entity Framework 5.
Пример кода (я удалил часть кода, чтобы она была простой). Модель представляет собой формы (родительские) и объекты 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());
}
Спасибо заранее,
Sharon.