Загрузите частичный просмотр несколько раз одним нажатием кнопки

Question

Фон: у меня есть 2 объекта, курс и модуль. Курс может иметь много модулей. На странице, где вы обновляете/добавляете модули, это в основном страница обновления курса, где каждый модуль имеет частичную страницу, представленную в аккордеоне. Смотрите скриншот:

У меня есть это, чтобы заполнить существующие модули:

@foreach (var module in Model.Modules) 
{ 
    Html.RenderPartial("~/Views/Module/_Update.cshtml", (RocketLabs.Models.Module)module); 
} 

Как добавить Частичное Визуализирует (с новыми моделями) каждый раз, когда Add Module щелкают?

Любая рекомендация была бы высоко оценена. Благодаря!

Answer 1

Я бы порекомендовал вам взглянуть на статью Стивена Сандерсона от Editing a Variable Length List, где он иллюстрирует, как вы можете использовать запрос AJAX на стороне сервера, чтобы добавить новые строки динамически. Идея здесь состоит в том, чтобы подписаться на событие щелчка кнопки «Добавить» и вызвать запрос AJAX к действию контроллера, который будет возвращать новую часть, содержащую пустую строку для редактирования.

И если вы хотите получить чистое клиентское решение, он также написал an article, где то же самое можно было бы сделать с помощью knockoutjs, например, без каких-либо запросов AJAX для добавления новых записей в список.