использование ajax с выпадающим списком mvc3

Есть ли способ обновить некоторую часть страницы (например, div/span) при выборе опции раскрывающегося списка... ?? Обратите внимание, что я использую синтаксис бритвы.

Если да, то, пожалуйста, дайте пример кода.


person Milan Mendpara    schedule 24.01.2012    source источник


Ответы (2)


Да, вы можете подписаться на мероприятие 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'));" })
    }

А затем используйте эту функцию javascript (или аналогичную)

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

EDIT: в этом примере предполагается, что вы используете ненавязчивую проверку (и, следовательно, jQuery) и хотите отправить форму, но вы, очевидно, можете вызвать любую функцию javascript для события onchange и делать все, что хотите...

person Tom Chantler    schedule 24.01.2012

просто добавьте javascript/jquery в свой код. что-то вроде этого.

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

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

});
person Kshitij Banerjee    schedule 24.01.2012