El propósito

Tengo una tabla simple que lista los nombres (en una vista parcial), y sobre ella una lista desplegable que contiene esos nombres. El propósito es filtrar la tabla según el nombre que se seleccionó en la lista desplegable. El filtrado debe realizarse tan pronto como el valor seleccionado en la lista desplegable cambie, y debe volver a mostrar solo la vista parcial.

El problema

Cuando selecciono un valor en la lista desplegable, la vista parcial no se representa en la otra vista, pero se muestra como una página completa. Sin embargo, cuando incluyo un botón de envío en mi bloque Ajax.BeginForm, y disparo la acción en el botón de envío, funciona como se espera ...

El código

Controlador

<code>public PartialViewResult Filter(string filterName) {
    var names = from p in db.People
                select p;

    if (!String.IsNullOrEmpty(filterName))
    {
        names = names.Where(p => p.Name.Equals(filterName));
    }

    return PartialView("_PersonsTable", names);
}
</code>

Ver

<code>@model IEnumerable<Sandbox.Models.Person>

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>

@using (Ajax.BeginForm("Filter", "Person", new AjaxOptions { 
    HttpMethod = "Get", UpdateTargetId = "SearchResults", InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace }))
{
    @Html.DropDownList("filterName", new SelectList(ViewBag.Names), "Select a name", new   { onchange = "this.form.submit()" })
}

@Html.Partial("_PersonsTable")
</code>

Vista parcial

<code>@model IEnumerable<Sandbox.Models.Person>

<table id="SearchResults">
    <tr>
        <th>
            Name
        </th>
        <th>
            Age
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Age)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
            @Html.ActionLink("Details", "Details", new { id=item.ID }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.ID })
        </td>
    </tr>
}
</table>
</code>

Entonces, ¿por qué mi tabla searchResults no se presenta como una vista parcial?

Tengo estos scripts incluidos en mi vista _Disposición:

<code><script src="/Scripts/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftAjax.debug.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
</code>