Загрузите ASP.NET MVC строго типизированное частичное представление по щелчку переключателя

Question

У меня есть два строго типизированных частичных представления (список разработчиков и список тестеров), и соответствующие представления - Developers.ascx и Testers.ascx

Теперь я хочу загрузить один частичный вид на основе выбранной радиокнопки. Как прочитать значение опции радиокнопки? Буду признателен, если кто-нибудь предоставит фрагмент кода или некоторые рекомендации.

Цените свое время!

Вот мой родительский код контроллера и вид:

Родительский контроллер:

[HttpGet]
public ActionResult View IT People List(string type)
{
    var developers = from d in itEntity.Developers select s; 
    return View(developers); 
}

Родительский вид:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mvc.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<DataModel.Developers>>" %>
<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="cphContent" runat="server">
    <h2>View All IT Dept List</h2>
    <table>
        <tr>
        <td class="Form_Label"><label for="txType">Select List:</label>  </td>
            <td>
                <%= Html.RadioButton("Type", 1, true)%> Developers&nbsp;&nbsp;<%= Html.RadioButton("Type", 2, false)%> Testers
            </td>        
        </tr>
        <tr>
            <td colspan = 2>
            <%Html.RenderPartial("Developers", Model);%>
            </td>
        </tr>
    </table>
</asp:Content>

Два строго типизированных контроллера:

[HttpGet]
public ActionResult Developers()
{ 
var developers = from d in itEntity.Developers select d; return View(developers);
}


[HttpGet]
public ActionResult Testers()
{ 
var testers = from t in itEntity.Testers select t; return View(testers);
}

Спасибо Рита

Answer 1

$('input:radio[name=Type]').change(function() {
    var url = '/Home/Developers';
    if ($(this).val() === '2') {
        url = '/Home/Testers';
    }
    $("#result").load(url);
});

Answer 2

Используйте jQuery для вызова ajax, который возвращает html из частичных представлений (по щелчку переключателя). Затем снова используйте jQuery, чтобы изменить HTML-код вашей страницы.

Подробнее смотрите в документации $. Ajax и $. Html .