Плагин 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, чтобы решить эту проблему, которая предлагает функции сетки, разбиение на страницы и живой фильтр. Похоже, это самый универсальный плагин сетки, который я встречал для своих нужд.

Другие вопросы по тегам