Плагин jQuery quicksearch, работающий с JSON
Я реализовал плагин quicksearch от Rik Lomas, и мне он нравится для приложения в пользовательской CMS, которую я создаю. Мне было интересно, хотя, так как я собираюсь иметь в таблице два миллиарда элементов, если есть способ использовать данные из моего обратного вызова json для заполнения таблицы при поиске пользователем, а не в самих таблицах.
Поэтому, когда вы загружаете страницу, цепочка событий будет выглядеть примерно так:
-jQuery.getJSON request -Initiate 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>');
});
});
Моя функция быстрого поиска:
$('table#result tbody tr').quicksearch({
position: 'before',
attached: 'table#result',
stripeRowClass: ['evenrows', ''],
labelText: 'Filter Results: ',
loaderText: '',
delay:0,
focusOnLoad:true
});
1 ответ
Если кому-то это поможет, я реализовал плагин DataTables для jQuery, чтобы решить эту проблему, которая предлагает функции сетки, разбиение на страницы и живой фильтр. Похоже, это самый универсальный плагин сетки, который я встречал для своих нужд.