Частичное представление, передающее коллекцию с помощью помощника Html.BeginCollectionItem
Я сделал небольшой проект, чтобы понять ответ Стивена Мюке здесь:Передать один и тот же частичный вид, вызываемый несколько раз, на контроллер?
Почти все работает. Javascript добавляет новые поля из частичного представления, и я могу сказать, что они связаны с моделью с помощью «временных» значений, вставленных методом контроллера для частичного представления.
Однако, когда я отправляю новые поля, метод AddRecord () выдает исключение, показывающее, что модель не передается («Ссылка на объект не установлена для экземпляра объекта»).
Кроме того, когда я просматриваю исходный код страницы, помощник BeginCollectionItem вставляет скрытый тег, как следует, вокруг таблицы в главном представлении, которая отображает уже существующие записи, но не вокруг новых полей, добавляемых javascript.
Что я делаю неправильно? Я новичок в этом, поэтому спасибо за ваше терпение!
Мой основной вид:
@model IEnumerable<DynamicForm.Models.CashRecipient>
@using (Html.BeginForm("AddDetail", "CashRecipients", FormMethod.Post))
{
@Html.AntiForgeryToken()
<div id="CSQGroup">
</div>
}
<div>
<input type="button" value="Add Field" id="addField" onclick="addFieldss()" />
</div>
<script>
function addFieldss()
{
//alert("ajax call");
$.ajax({
url: '@Url.Content("~/CashRecipients/RecipientForm")',
type: 'GET',
success:function(result) {
//alert("Success");
var newDiv = document.createElement("div");
var newContent = document.createTextNode("Hi there and greetings!");
newDiv.appendChild(newContent);
newDiv.innerHTML = result;
var currentDiv = document.getElementById("div1");
document.getElementById("CSQGroup").appendChild(newDiv);
},
error: function(result) {
alert("Failure");
}
});
}
</script>
Мой частичный вид:
@model DynamicForm.Models.CashRecipient
@using HtmlHelpers.BeginCollectionItem
@using (Html.BeginCollectionItem("recipients"))
{
<div class="editor-field">
@Html.LabelFor(model => model.Id)
@Html.LabelFor(model => model.cashAmount)
@Html.TextBoxFor(model => model.cashAmount)
@Html.LabelFor(model => model.recipientName)
@Html.TextBoxFor(model => model.recipientName)
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Save" class="btn btn-default" />
</div>
</div>
}
Моя модель:
public class CashRecipient
{
public int Id { get; set; }
public string cashAmount { get; set; }
public string recipientName { get; set; }
}
В моем контроллере:
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult AddDetail([Bind(Include = "Id,cashAmount,recpientName")] IEnumerable<CashRecipient> cashRecipient)
{
if (ModelState.IsValid)
{
foreach (CashRecipient p in cashRecipient) {
db.CashRecipients.Add(p);
}
db.SaveChanges();
return RedirectToAction("Index");
}
return View(cashRecipient);
}
public ActionResult RecipientForm()
{
var data = new CashRecipient();
data.cashAmount = "temp";
data.recipientName = "temp";
return PartialView(data);
}