2012-01-24 18 views
5

के साथ AJAX का उपयोग कर ड्रॉपडाउन सूची विकल्प के चयन पर पृष्ठ के कुछ भाग (जैसे div/span) को रीफ्रेश करने का कोई तरीका है ... ?? कृपया ध्यान दें कि मैं रेजर सिंटैक्स का उपयोग कर रहा हूं।ड्रॉपडाउन सूची एमवीसी 3

यदि हां, तो कृपया कुछ नमूना कोड दें।

उत्तर

5

हां, आप onchange ईवेंट की सदस्यता ले सकते हैं।

@Html.DropDownListFor(m => m.ItemId, Model.ItemList, "Select an item...", new { onchange = "somefunction();" }) 

हो सकता है कि यह (वास्तविक उदाहरण) की तरह: यह उदाहरण मान लेता विनीत उपयोग कर रहे हैं:

@using (Ajax.BeginForm("Action", new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "divtoupdate", InsertionMode = InsertionMode.Replace })) 
    { 
     @Html.DropDownListFor(m => m.ItemId, Model.ItemList, "Select an item...", new { onchange = "doSubmit($(this).parents('form'));" }) 
    } 

और फिर इस जावास्क्रिप्ट समारोह (या इसी तरह)

<script> 
function doSubmit(form){ 
    // event.preventDefault(); doesn't work in IE8 so do the following instead 
    (event.preventDefault) ? event.preventDefault() : event.returnValue = false; 
    form.submit(); 
} 
</script> 

संपादित है सत्यापन (और इसलिए jQuery) और एक फॉर्म जमा करना चाहते हैं, लेकिन आप स्पष्ट रूप से अस्थायी घटना के लिए किसी भी जावास्क्रिप्ट फ़ंक्शन को कॉल कर सकते हैं और जो भी चाहें कर सकते हैं। ..

1

बस अपने कोड में कुछ जावास्क्रिप्ट/jquery जोड़ें। इस तरह कुछ।

$("#button").click(function(){ 

$("#div").load("www.wateveryourdatapageis.com"); 

}); 
संबंधित मुद्दे