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>