Как динамически обновлять частичный вид при нажатии кнопки

Question

Сначала у меня есть две таблицы базы данных. 1-я таблица для элементов, а вторая таблица - для процессов на элемент.

Первые данные таблицы будут отображаться как таблица html, и каждая строка будет иметь кнопку редактирования/удаления, отображающую процесс/ссылку процесса, которая будет генерироваться динамически.

Проблема заключается в том, что я хочу показать вторую таблицу как частичный вид внизу первой таблицы (тот же вид) при выборе элемента, нажав кнопку или ссылку (процессы).

Частичный просмотр будет обновляться динамически при выборе нового элемента.

Мое первое представление использует библиотеку IEnumerable, должно ли мое частичное представление использовать библиотеку IEnumerable?

Я попытался загрузить мой частичный вид с помощью javascript, но «я получаю сообщение об ошибке.

Answer 1

Создайте действие, которое примет параметр и вернет частичный вид. На вашей стороне клиента места DIV для второй таблицы и зарегистрировать нажмите обработчик:

<div> 
    <button id="btnLoadTable">Load table with id = 1</button> 
</div> 
<div id="table2">TABLE 2</div> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
      $('#btnLoadTable').click(function(){ 
       $('#table2').load('yoursite.com/controller/partialViewAction'); 
      } 
     }); 
    }); 

</script> 

Jquery $.load функция выполняет запрос HTTP, получает html вашего частичного просмотра и помещает его в <div id="table2">