MVC Partial View render as a view после публикации

Question

Добрый день У меня есть страница индекса, на которой отображаются 2 частичных изображения на 2 вкладках. На каждой вкладке есть кнопка отправки на нее, когда нажата кнопка отправки, она попадает на контроллер, а контроллер выполняет некоторый процесс и возвращает заполненную модель для этого частичного просмотра, но частичное представление - это renderd как представление самостоятельно.

Index.chtml страница

... 
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="float:left"> 
    <div > 
     <ul id="myTab" class="nav nav-tabs nav-stacked"> 
      <li class="active"> 
       <a href="#IdentifyPerson" data-toggle="tab" class=""><strong>Identify Person</strong></a> 
      </li> 
      <li> 
       <a href="#PersonInformation" data-toggle="tab" class=""><strong>Person Information</strong></a> 
      </li> 
     </ul> 
    </div> 
</div> 

<div class="tab-content col-lg-9 col-md-9 col-sm-9 col-xs-9"> 
    <div id="IdentifyPerson" class="tab-pane fade in active"> 
     @Html.Partial("IdentifyPerson") 
    </div> 
    <div id="PersonInformation" class="tab-pane fade"> 
     @Html.Partial("PersonInformation") 
    </div> 
</div> 

HomeCntroller.cs страница

[AuthorizeUser] 
    public ActionResult Index(string ActionValue) 
    { 
     return View(); 
    } 

    [HttpGet] 
    [AuthorizeUser] 
    public ActionResult IdentifyPerson() 
    { 
     return View(); 
    } 

    [HttpPost] 
    [AuthorizeUser] 
    public ActionResult IdentifyPerson(ViewModel_IdentifyPerson model) 
    { 
     // do populate model 
     return View(model); 
    } 

любые советы по решению этой?

Определение Person страницы

Person страница Информация

Answer 1

вы можете использовать формы, а не Аякс формы. поэтому вам нужно использовать ajax-форму, чтобы оставаться на одной странице.

В IdentifyPerson Вкладка

@using (Ajax.BeginForm("IdentifyPerson", "Home", null, new AjaxOptions { UpdateTargetId = "IdentifyPerson" , InsertionMode= InsertionMode.Replace})) 
{ 
    //Other stuff 
    <input type="submit" value="Save" /> 
} 

и В PersonInformation вкладке

@using (Ajax.BeginForm("IdentifyPerson", "Home", null, new AjaxOptions { UpdateTargetId = "PersonInformation", InsertionMode = InsertionMode.Replace })) 
{ 
    //Other stuff 
    <input type="submit" value="Save" /> 
} 

вам необходимо включить этот Js файл <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> на ваш взгляд , а также изменить тип возвращаемого PartialView к в действии

[HttpPost] 
    [AuthorizeUser] 
    public ActionResult IdentifyPerson(ViewModel_IdentifyPerson model) 
    { 
     // do populate model 
     return PartialView(model); 
    } 

Answer 2

Если вы используете загрузчик, Вы можете просто обернуть форму в окне модальное Bootstrap как частичный вид