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

#c# #jquery #ajax #asp.net-mvc #bootstrap-modal

#c# #jquery #ajax #asp.net-mvc #bootstrap-модальный

Вопрос:

У меня есть основной вид и частичный вид,

основной вид содержит выпадающий список для имени пользователя. когда я выбираю имя какого-либо конкретного человека, данные этого человека загружаются в частичном представлении

когда загружается частичный вид с данными пользователя, я должен установить флажок для редактирования сведений, когда пользователь нажимает на флажок, я загружаю edit view с помощью bootstrap modal.

но когда я отправляю форму редактирования из модальной в то время, когда загружается представление, оно не прокручивается и просто загружает частичный вид, а не основной вид, который содержит выпадающий список

Это код для флажка <input type="checkbox" id="divchkBox" /> Update Details

Это вызов ajax для флажка

 $('#divchkBox').click(function () {       
           if ($(this).is(':checked')) {
               $('#myModal').modal();
               $('#divchkBox').prop('checked', false);
           }        
   });
  

Это модальный код

 <div class="modal fade bd-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content" id='myModalContent'>
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">amp;times;</span></button>
                <h4 class="modal-title heading" id="myModalLabel">Edit records</h4>
            </div>
            <form id="person">
                <div class="modal-body">                    
                      some editable feilds..                       
                </div>
            </form>
            <input type="submit" class="btn btn-primary searchbtn" value="Save changes" id="Edit_Person" />
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>
  

Это вызов ajax при нажатии на кнопку сохранения изменений

  $("#Edit_Person").on("click", function (e) {                       
        $.ajax({
            url: "some url",
            data: $('#person').serialize(),
            type: "Get",
            dataType: "html",
            success: function (result) {               
                $("#PartialView").html(result) 
                var $j = jQuery.noConflict();
            },            
        });
    });
  

где мне нужно перейти на загрузку вида с его основным и частичным видом?
и он будет прокручиваться.

Модальные и выше ajax-вызовы находятся в частичном представлении.

Заранее благодарю вас.

Комментарии:

1. Вы пробовали $('#myModal').modal('show'); после $("#PartialView").html(result) ?

2. @Sowmyadhar Gourishetty Большое спасибо.. Я попробовал, и теперь он работает

3. Добавлено то же, что и ответ, чтобы он мог быть полезен и для других

Ответ №1:

Пожалуйста, попробуйте приведенный ниже код после $("#PartialView").html(result)

 $('#myModal').modal('show');