jQuery QuickSearch Plug-моктор с JSON
-
20-09-2019 - |
Вопрос
Я реализовал плагин QuickSearch Рик Ломас, и я любим его для приложения в пользовательской CMS, который я строю. Мне было интересно, хотя, поскольку у меня будут многочисленные элементы в таблице, если есть способ использовать данные из моего обратного вызова JSON, чтобы заполнить таблицу в качестве пользователя поиска, а не сами таблицы.
Поэтому, когда вы загружаете страницу, цепочка событий будет иметь примерно так:
-jquery.getJson -запрос -QuickSearch и ограничивает количество строк, первоначально представленных в таблице. Поскольку пользователь делает нажатия клавиш в фильтре, новые значения извлекаются из данных JSON, а не содержимого таблицы (все еще ограничивая число, отображаемое в Таблица) и таблица обновляется.
Мой просьба JSON:
$.getJSON("jsonrequest.php", function(data){
$.each(data, function(i){
$("#result tbody").append('<tr><td>' + this.organization + '</td><td>' + this.city + '</td><td>' + this.state + '</td></tr>');
});
});
Моя функция QuickSearch:
$('table#result tbody tr').quicksearch({
position: 'before',
attached: 'table#result',
stripeRowClass: ['evenrows', ''],
labelText: 'Filter Results: ',
loaderText: '',
delay:0,
focusOnLoad:true
});
Решение
Если это помогает кому -либо, кого я реализовал плагин jQuery DataTables Чтобы решить этот, который предлагает функции сетки, страсть и живой фильтр. Кажется, это самый универсальный плагин сетки, с которым я сталкивался для своих нужд.