sasko1 Ответов: 1

Вызов boostrap modal div как partialview из контроллера


Привет!
У меня есть проблема с вызовом partialView, который имеет модальную форму boostrap от controller .Controller возвращает полный вид страницы без какого-либо css .Как я могу это исправить?

строка из index.cshtml, вызывающая контроллер

<p><a  class="btn btn-outline-white btn-lg ftco-animate"asp-controller="Rezervacija" asp-action="Index"  >Reservation</a></p>



(Rezervacija:Controller Index:action) возвращает модальный as partialView

public IActionResult Index()
   {

       return PartialView("~/Views/Rezervacija/Rezervacija.cshtml");
   }




а вот модальная форма из reservation.cshtml

<div class="modal fade" id="reservationModal" tabindex="-1" role="dialog" aria-labelledby="reservationModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-body">
            <div class="row">
                <div class="col-lg-4 bg-image" style="background-image: url(images/bg_3.jpg);"></div>
                <div class="col-lg-8 p-5">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <small>CLOSE </small><span aria-hidden="true">×</span>
                    </button>
                    <h1 class="mb-4">Reserve A Table</h1>
                    <form action="#" method="post">
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label asp-for="Ime">Ime</label>
                                <input type="text" class="form-control" asp-for="Ime">
                            </div>
                            <div class="col-md-6 form-group">
                                <label asp-for="Prezime">Last Name</label>
                                <input type="text" class="form-control" asp-for="Prezime">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 form-group">
                                <label for="m_email">Email</label>
                                <input type="email" class="form-control" asp-for="Email">
                            </div>
                        </div>
                       

                       

                    </form>
                </div>
            </div>

        </div>
    </div>
</div>


Что я уже пробовал:

Попробовал вызвать его как вид из контроллера,
включены все необходимые библиотеки,
и в Rezervacija.cshtml по(Вид partialView) в комплекте
<script type="text/javascript">
    $(document).ready(function () {
        $("#reservationModal").modal('show');


    });
</script>



Я ценю любую помощь!!!

1 Ответов

Рейтинг:
9

F-ES Sitecore

Вы создаете ссылку на это действие контроллера, поэтому, когда вы нажимаете на него, он переходит к результату этого действия, который является вашим частичным представлением. Если вы хотите показать частичное представление на странице, то вам нужно будет загрузить его через ajax и ввести результаты в текущий DOM и вызвать модальное отображение.

В этой статье показано, как сделать нечто подобное.

ASP.NET основные модалы ajax с проверкой с помощью Bootstrap - SoftDevPractice[^]


sasko1

Спасибо!
я ее разгадал. Статья была действительно полезной