Открытие модального всплывающего окна для редактирования записи в MVC Grid

1. Добавьте загрузочный модальный текст, чтобы показать таблицу.

HTML...

<div id="alertModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Edit a Record</h4> </div> <div class="modal-body"> <table> <!-- This is where we will show the selected record --> <thead> <tr> <th align="center">Ename</th> <th align="center">Sal</th> <th><!-- Put a save button here, maybe?--></th> </tr> </thead> <tbody> </tbody> </table> </div> <div class="modal-footer"> <button class="btn btn-default" data-dismiss="modal"> Close</button> </div> </div><!--/.modal-content --> </div><!--/.modal-dialog --> </div><!--/.modal -->

1. Скопируйте содержимое строки таблицы и отобразите ее в таблице начальной загрузки.

Javascript...

. . .

/* Assuming your table has an id of 'myTable' the following code,
will trigger a click event handler when one of you MVC links are clicked */
$('#myTable').find('a[href*="/Home/Edit/"]').each(function(){

    $(this).click(function(){

        //Clone the table row which has a link that was clicked
        var $tr = $(this).parents('tr').clone();

        //Empty the contents of the table
        $('#editModal').find('table tbody').empty();

        //Add the cloned row into the table
        $('#editModal').find('table tbody').append($tr);

        //Show the modal
        $('#editModal').modal('show')

        ... //Code to update the table below the modal, up to you..

    });
});