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>