ASP MVC 4 изменение элементов в списке как пользовательских типов

Question

Я создаю веб-приложение с приложением ASP MVC4. Я также использую TwitterBootstrapMVC api. Я пытаюсь сделать вид, где у меня есть выпадающий список вверху вместе с текстовым полем. Ниже приведена таблица людей. Выпадающий список будет содержать заголовки столбцов таблицы. Как только пользователь выберет столбец в выпадающем списке, он может ввести текстовое поле, чтобы сузить результаты в списке элементов в таблице ниже.

Например. В таблице много людей. Затем пользователь выбирает «Last Name» в раскрывающемся списке. Затем он переходит к типу Смита в текстовое поле. Когда он набирает каждого персонажа, результаты таблицы сужаются, только отображая людей с «s» в их фамилии. Когда в текстовое поле вводится «m», список людей сужается, чтобы показывать только людей с «sm» в их фамилии и т. Д.

Я знаю, как сделать таблицу, текстовое поле и т. Д. Я не знаю, как изменить результаты в таблице при вводе текста в текстовое поле без перезагрузки страницы.

Answer 1

Вы можете использовать jQuery ajax и метод действий, который возвращает частичный вид, содержащий найденные данные и таблицу html table strucutre. Вот краткий пример:

public ActionResult Search(string searchTerm){ 
    var model = db.Users.Where(u => u.LastName.contains(searchTerm)); 
    return PartialView("_Students", model); 
} 

Script

$("#textBoxId").on("keyup change", function() { 
    var searchTerm = $(this).val(); 
    $.get("/Controller/Search", { searchTerm: searchTerm }, function(data) { 
     $("#tableId").html(data); 
    }); 
}); 

Вам просто нужно добавить еще один параметр в ваш метод действия для проверки того, что был выбран в выпадающем списке.

Прочтите больше: https://api.jquery.com/jQuery.get/

Answer 2

Что вы пытаетесь осуществить это автозаполнения текстовое поле. У jQuery есть хороший. Это довольно просто реализовать.

Или вы можете опробовать ASP.NET AJAX Control toolkit. Я сам этого не пробовал, поэтому я не уверен, насколько это просто/удобно.