открытое представление как модальное в другом представлении - PullRequest
Новая
       10

открытое представление как модальное в другом представлении

0 голосов
/ 13 декабря 2018

Вот сценарий.У меня два взгляда.«contact.cshtml» и «xyz.cshtml» с двумя разными контроллерами.

На странице contact.cshtml у меня есть текстовые поля и кнопка.Как только пользователь заполняет текстовые поля, при нажатии кнопки «Далее» он должен перейти к действию контроллера (этого я добился с помощью поста jquery ajax).второе действие контроллера вернет частичное представление (xyz.cshtml).Но мне нужно это как модальное всплывающее окно / окно в contact.cshtml без перезагрузки страницы.

Я хочу xyz.cshtml в качестве модального для contact.cshtml.

Любой ответ будет оценен и одобрен.

contact.cshtml 

<button type="button" onclick="next()" class="btn>next</button>`

function next(){
  $.post('secondcontroller/abcaction', {})
    .done(function() {})
    .fail(function(){})
}

второй контроллер 

public ActionResult abcaction()   
{
  return View("xyz.cshtml");
}

xyz.cshtml представление второго сбоя контроллера 

<div class="content">I'm partial view</div>

1 Ответ

0 голосов
/ 13 декабря 2018

Предполагая, что вы используете загрузочный модал, на который ссылается здесь , у вас может быть пустой div для модальных данных.Затем вы можете передать ответ, полученный от AJAX внутри этого модального канала, и вызвать его показ. 

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          //placeholder for my modal data
    </div>

и ваша функция ajax 

function next(){
  $.post('secondcontroller/abcaction', function(response){
      $("#myModal").html(response);
  })
    .done(function() {$("#myModal").modal("show");})
    .fail(function(){})
}
...