ModalPopup
استاد خسته نباشید اگه ممکنه درمورد مودال راهنمایی کنید بی زحمت
پاسخ ها
محمد اشرافی
سلام ، سلامت باشید
رامین جان اول بگین با Modal می خواین چه کاری انجام بدین ( فقط برا نمایش اطلاعات یا برای ارسال اطلاعات می خواینش -form )
رامین قره داغی
هم برای ثبت اطلاعات هم ویرایش. هم selectList و هم اعتبار سنجی هم داشته باشیم یعنی کدهای html اماده هستن فقط نمیدونم چطوری اونارو بیارم روی modal
محمد اشرافی
شما می تونید کد های Html رو قرار بدین توی یه PartialView و اونا رو با Ajax توی مدال اجرا کنید
این کد JavaScript برا نمایش مدال :
function OpenModal(url, title, modalSize = "lg") {
modalSize = modalSize || 'lg';
modalSize = 'modal-' + modalSize;
var that = this;
$('#defaultModal .modal-body').html('');
$.ajax({
url: url,
type: "get",
beforeSend: function () {
$(".loading").show();
},
complete: function () {
$(".loading").hide();
},
}).done(function (result) {
if (result && result!=null) {
$('#defaultModal .modal-body').html(result);
$('#defaultModal .modal-title').html(title);
$('#defaultModal').modal({
backdrop: 'static',
keyboard: true
},
'show');
$('#defaultModal .modal-dialog').removeClass('modal-lg modal-xl modal-sm modal-full');
$('#defaultModal .modal-dialog').addClass(modalSize);
const form = $("#defaultModal form");
if (form) {
$.validator.unobtrusive.parse(form);
}
}
});
}
و این تیکه کد رو قرار بدین توی Layout
<div class="modal fade" id="defaultModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="largeModalLabel"></h4>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>
فقط به این توجه کنید که باید یه PartialView برگردونید ( خروجی اون Action باید یه View باشه )
رامین قره داغی
دکمه ای که روش میزنیم مودال باز بشه ای دی چی هست؟
محمد اشرافی
شما باید Function رو به دکمه بدین مثال :
<a onClick="OpenModal('/admin/users/EditPage?id=2','شیاریو ربراک')">Edit</a>
برای ثبت پاسخ باید خود شوید