एक वेबपैप में एएसपी एमवीसी अजाक्स फॉर्म

Question

युक्त मोडल विंडो बंद करें मैं एक मॉडल विंडो में एएसपी एमवीसी अजाक्स फॉर्म का उपयोग कर रहा हूं। मैं किसी भी विशिष्ट jQuery कोड का उपयोग नहीं करते, केवल कुछ मोडल विंडो खोलने के लिए (यानी showModal() फंक्शन):

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

इस कोड को एक div में मेरी फार्म (आंशिक दृश्य) लोड करता है और मोडल विंडो के रूप में यह खोलता है । फॉर्म में ActionResult सबमिट करें मैं इसे सत्यापित करने के लिए डिफ़ॉल्ट मॉडलस्टेट ऑब्जेक्ट का उपयोग करता हूं, और किसी त्रुटि के मामले में मैं मॉडल त्रुटियों वाले समान आंशिक दृश्य को वापस करता हूं। यह निम्न स्थितियों को छोड़कर ठीक काम करता है: जब मॉडल में कोई त्रुटि नहीं होती है तो मैं मोडल विंडो को स्वतः बंद करना चाहता हूं। मैंने निम्नलिखित कोशिश की:

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

हालांकि, जब मॉडल में त्रुटियां होती हैं तो अजाक्स कॉल अभी भी वैध है, इसलिए ऑनस्यूवर को बुलाया जाएगा। मैंने आंशिक दृश्य में एक त्रुटि HttpStatusCode भेजकर इसे हल करने का प्रयास किया, लेकिन तब div को नए HTML के साथ अपडेट नहीं किया गया है। मुझे लगता है कि एकमात्र समाधान आंशिक दृश्य भेज रहा है जिसमें जावास्क्रिप्ट कोड है जो मॉडेल विंडो को बंद करता है जब मॉडल में कोई त्रुटि नहीं होती है, लेकिन यह समाधान मेरी राय में बहुत साफ नहीं है। कोई अन्य विचार?

Answer 1

मुझे आज भी वही करना था। जिस समाधान के साथ मैं आया था, वह कार्रवाई के सफल होने पर एक संपत्ति सेट के साथ एक JsonResult वापस करने के लिए था। AjaxOptions के ऑनस्यूप कॉलबैक में मैंने संपत्ति के लिए चेक किया और मेरी मोडल विंडो बंद कर दी।

नियंत्रक विधि

[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>