ModalPopup

سوال شده توسط: رامین قره داغی

تاریخ ثبت: ۱۴۰۰/۰۶/۲۳

بازدید: 285

پاسخ: 5

تگ: Asp.net Core


استاد خسته نباشید اگه ممکنه درمورد مودال راهنمایی کنید بی زحمت
پاسخ ها
user

محمد اشرافی

سلام ، سلامت باشید

رامین جان اول بگین با Modal می خواین چه کاری انجام بدین ( فقط برا نمایش اطلاعات یا برای ارسال اطلاعات می خواینش -form )

user

رامین قره داغی

هم برای ثبت اطلاعات هم ویرایش. هم selectList و هم اعتبار سنجی هم داشته باشیم یعنی کدهای html اماده هستن فقط نمیدونم چطوری اونارو بیارم روی modal 

user

محمد اشرافی

شما می تونید کد های 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 باشه )

user

رامین قره داغی

دکمه ای که روش میزنیم مودال باز بشه ای دی چی هست؟

 

user

محمد اشرافی

شما باید Function رو به دکمه بدین مثال : 

<a onClick="OpenModal('/admin/users/EditPage?id=2','شیاریو ربراک')">Edit</a>
برای ثبت پاسخ باید خود شوید

محبوب ترین مقالات