ModalPopup
رامین قره داغی
23 شهريور ۱۴۰۰
استاد خسته نباشید اگه ممکنه درمورد مودال راهنمایی کنید بی زحمت
330
5 پاسخ
- محمد اشرافی23 شهريور ۱۴۰۰
سلام ، سلامت باشید
رامین جان اول بگین با Modal می خواین چه کاری انجام بدین ( فقط برا نمایش اطلاعات یا برای ارسال اطلاعات می خواینش -form )
- رامین قره داغی23 شهريور ۱۴۰۰
هم برای ثبت اطلاعات هم ویرایش. هم selectList و هم اعتبار سنجی هم داشته باشیم یعنی کدهای html اماده هستن فقط نمیدونم چطوری اونارو بیارم روی modal
- محمد اشرافی23 شهريور ۱۴۰۰
شما می تونید کد های 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 باشه )
- رامین قره داغی24 شهريور ۱۴۰۰
دکمه ای که روش میزنیم مودال باز بشه ای دی چی هست؟
- محمد اشرافی24 شهريور ۱۴۰۰
شما باید Function رو به دکمه بدین مثال :
<a onClick="OpenModal('/admin/users/EditPage?id=2','شیاریو ربراک')">Edit</a>