mvc ajax, представляющий модальный

Question

Я называю модальный, который позволяет пользователю выбирать кучу динамически созданных флажков, а затем отправлять форму контроллеру, который сохраняет всю информацию из переданного им FormCollection, а затем передает RedirectToAction на страницу, которая вызывает модальность.

Я хочу, чтобы все еще можно было сохранить материал в форме, но вместо перенаправления на страницу, которая вызывает модальность, я хочу остаться в модальном.

модальный

<script type="text/javascript"> 
// Close Modal when done. 
function CloseModal() { 
    $("#SkillModalWindow").modal("hide"); 
} 
</script> 

@using (Ajax.BeginForm("Save", "SkillGroup", null, new AjaxOptions 
{ 
    HttpMethod = "Post", 
    OnSuccess = "CloseModal" 
}, 
new { id = "CreateSkillGroups" })) 
{ 
@Html.ValidationSummary(true) 
@Html.Hidden("JobRoleId", (int)ViewBag.JobRoleID) 

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Add New Skills to Job Role</h3> 
</div> 
<div class="modal-body" id="CreateModal">@Html.Partial("_Create")</div> 
<div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button type="submit" class="btn btn-primary">Save</button> 
</div> 
} 

Controllor Действие

[HttpPost] 
public ActionResult Save(FormCollection formCollection) 
{ 

foreach (var key in formCollection.AllKeys) 
{ 
    do stuff..... 

} 
return RedirectToAction("Index"); 

} 

Answer 1

Вы можете вернуть частичное представление, содержащее модальный разметку вместо перенаправления:

[HttpPost] 
public ActionResult Save(FormCollection formCollection) 
{ 

    foreach (var key in formCollection.AllKeys) 
    { 
     do stuff..... 

    } 
    return PartialView("_Modal"); 
} 

A lso убедитесь, что вы включили скрипт jquery.unobtrusive-ajax.js в свой основной режим, если хотите, чтобы помощник Ajax.BeginForm работал.