Добавление элементов в коллекцию на сайте ASP.NET MVC с использованием jQuery и AJAX

Question

Я создаю интерфейс UX, который позволит пользователю добавлять элементы в коллекцию с помощью кнопки jQuery и некоторого AJAX.

Моя проблема в том, что когда пользователь заканчивает добавлять элементы и заполнять ихВ остальной части формы они заполняют форму, которую я хочу перенести на сервер в виде строго типизированного класса.

Мой вопрос заключается в том, как лучше всего добавить новый элемент вколлекцию моделей с использованием jQuery и Ajax?или это вообще возможно?

Пример:

<li>
    <div id="shipment">
        <%: Html.EditorFor(x => x.Shipment) %>
    </div>
</li>

x.Shipment - это на самом деле коллекция внутри моей модели.

У меня есть кнопки в редакторе, которые позволяютПользователь добавляет элементы к отправке.

Затем, когда пользователь отправляет форму, у меня настраивается контроллер следующим образом:

[HttpPost]
public ActionResult CompleteReceipt(Receipt receipt)
{
    Context.Update(receipt);
    return RedirectToAction("Index", "Home");
}

Каков наилучший способ или способ использования jQueryдобавить элементы в коллекцию отправлений моей модели поступления?

Answer 1

Оформить заказ Отличное сообщение в блоге от Стива Сандерсона.Он дает хороший обзор того, как достичь того, что вы ищете, и может рассматриваться как лучшая практика.Не забудьте прочитать продолжение , посвященное валидации, если вы заинтересованы в этом аспекте, так как это может быть немного сложно с динамическими формами.