ASP.net MVC Routing on Postback

Question

В моем ASP.net MVC View У меня есть раскрывающийся список, который я хочу получить, чтобы получить подробную информацию о выборе и асинхронно обновить div. Мой ASPX выглядит следующим образом:

<% using (Html.BeginForm("Index", "Portal", FormMethod.Post, new { id = "TheForm" })) 
    {%> 

    <h2>Index</h2> 

    <% using (Ajax.BeginForm("Details", new AjaxOptions { UpdateTargetId = "mpkResults" })) 
     { %> 

    <%=Html.DropDownList("Docs", (IEnumerable<SelectListItem>)ViewData["Docs"], 
     new { onchange = "document.getElementById('TheForm').submit();" })%> 

    <p><input type="submit" value="Details" /></p> 

    <% } %> 

    <div id="mpkResults" style="margin:10px 0px 0px 0px;"></div> ... 

The OnChange пожары события правильно при выборе выпадающего списка, но вместо метода Подробности в моем коде позади обжига, она попадет мой метод Index. Почему метод детали не попадает в событие onchange? Мой метод Подробности() в контроллере:

public ActionResult Details() 
    { 
     ... < It never gets here, just goes to the index() method 
    } 

Это немного расстраивает прямо сейчас, так как я уверен, что это просто ошибка, но не уверен, что это могло быть. Я посмотрел на источник моей странице и достаточно точно, форма выглядит, как она должна быть маршрутизации к Подробности действий:

<form action="/Portal/Details" method="post" ... 

Любая помощь будет оценена.

Answer 1

Это потому, что в вашем onchange обработчика, вы вызываете метод submit() на TheForm форме вместо вашей формы AJAX:

new { onchange = "document.getElementById('TheForm').submit();" })%> 
               ^^ wrong form ID 

Дайте AJAX сформировать другой идентификатор, и использовать вместо.