Показать частичные виды при нажатии кнопки MVC - PullRequest
0 голосов
/ 04 января 2019

У меня есть основной вид и два частичных вида. Основные виды состоят из навигационных ссылок. PartialViews1 состоит из кнопки, и мне нужно, когда нажатие кнопки необходимо показать PartialView2

PartialView1 имеет кнопку, и когда я нажимаю кнопку, мне нужно PartialView2 (Чистка PartialView2)

Главный вид

  <div class="container my-3">
    <div class="card">   
<div class="card-header bg-white border-bottom flex-center p-0">
            <ul class="nav nav-pills card-header-pills main-nav-pills" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" href="#">CART</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" href="javascript:void(0)"><i data-feather="arrow-right"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">DELIVERY</a>
                </li>

            </ul>
        </div>
      <div class="card-body px-1 px-md-5 pt-5">
            @Html.Partial("_PartialView1")
            @*@Html.Partial("_PartialView2)*@

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

PartialView1

//Some code here
 <a href="#" class="btn btn-primary rounded-pill btn-lg "id="iddelivery">Delivery<i data-feather="arrow-right"></i></a>

Jquery

$("#iddelivery").click(function(){

});

Ответы [ 2 ]

0 голосов
/ 05 января 2019

Как уже упоминалось, есть много способов сделать это. Если вы не хотите перезагружать / обновлять страницу новым содержимым, самый простой способ - создать ActionResult в вашем контроллере и вернуть частичное представление. в вашей функции jQuery первое, что вам нужно сделать, - это вызвать функцию protectDefault, чтобы предотвратить любое действие по умолчанию для вашей кнопки. Следующее - сделать ajax-вызов и получить view-контент от вашего контроллера. затем вы можете заменить содержимое вашего div на результат, полученный от контроллера.

0 голосов
/ 04 января 2019

Написать действие и вернуть PartialView2, написать функцию для вызова ajax этого действия

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...