#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');