Bir webapp içinde ASP MVC Ajax form

Question

içeren kalıcı pencereyi, bir modal pencerede ASP MVC Ajax formu kullanıyorum.

@Ajax.ActionLink("Open", "Add", "Home", new {id = Model.Id}, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "modal", OnSuccess = "showModal()"}) 

Bu kod, bir div içine şeklimi (kısmi görünümü) yükler ve kalıcı bir pencere olarak açılır: sadece bazı (yani ShowModal() fonksiyonu) kalıcı penceresini açmak için, herhangi bir özel jQuery kodunu kullanmayın . Formu göndermek ActionResult Ben sadece doğrulamak için varsayılan ModelState nesnesini kullanın ve bir hata durumunda ben model hataları içeren aynı kısmi görünümü döndürür. Bu, aşağıdaki durum haricinde iyi çalışır: modelde hata bulunmadığında, kalıcı pencereyi otomatik olarak kapatmak istiyorum. OnSuccess adı verilecek, böylece

Ancak

@using (Ajax.BeginForm("Save", "Home", new AjaxOptions {HttpMethod = "POST", UpdateTargetId = "modal", OnSuccess = "hideModal(); alert('Saved');"})) 

, model hataları Ajax çağrısı içeriyor hala geçerli: Aşağıdaki çalıştı. Bunu kısmi görünümde bir HttpStatusCode hatası göndererek çözmeye çalıştım, ancak sonra div yeni html ile güncelleştirilmiyor. Tek çözüm, model hata içermediğinde modal pencereyi kapatan javascript kodu içeren kısmi bir görünüm gönderiyor, ancak bu çözüm benim fikrimde çok düzgün değil. Başka fikirlerin var mı?

Answer 1

Sadece aynı şeyi bugün yapmak zorundaydım. Geldiğim çözüm, işlem başarılı olduğunda JsonResult özelliği true olarak ayarlanmıştı. AjaxOptions'ın OnSuccess geri çağrısında, özelliği kontrol ettim ve modal penceremi kapattım.

Kontrolör Yöntem

[HttpPost] 
public ActionResult Hold(JobStatusNoteViewModel model) 
{ 
    if (ModelState.IsValid) 
    { 
     //do work 
     return Json(new {success = true}); 
    } 

    return PartialView("JobStatusNote", model); 
} 

PartialView

<% using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "JobStatusForm", OnSuccess = "closePopUp" })) { %> 
<div id="JobStatusForm"> 
    <!-- Form --> 
</div> 
<% } %> 

<script> 
function closePopUp(data) { 
if (data.success) { 
    //close popup 
    } 
} 
</script>