настраиваемые динамические веб-формы

Question

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

Answer 1

Конечно, вы должны использовать ajax.
JQuery предоставляет вам эту функциональность.

Создайте веб-сервис и добавьте в него метод, который возвращает список определенного объекта.
в вашем javascript-файле, в выбранном индексе первого выпадающего списка, напишите ниже

$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    url: WebServiceUrl/methodname,
    data: "{id: '" + id + "'}",
    success: LoadDataSuccedded,
    error: LoadDataFailure
});

function LoadDataSuccedded(result, e)
{
    var data = result.d;
    //fill the second drop down list
}

function LoadDataFailure(result, e)
{

}

проверьте эту ссылку для получения дополнительной информации http://api.jquery.com/jQuery.ajax/

Answer 2

Вот пример: http://www.highoncoding.com/Articles/770_Implementing_Dynamic_DropDownList_in_ASP_NET_MVC_3_Framework.aspx