Плагин jQuery quicksearch, работающий с JSON - PullRequest
Новая
       8

Плагин jQuery quicksearch, работающий с JSON

0 голосов
/ 13 ноября 2009

Я реализовал плагин quicksearch *1002* от Rik Lomas, и мне нравится его для приложения в пользовательской CMS, которую я создаю. Мне было интересно, хотя, поскольку у меня в таблице будет два миллиарда элементов, если есть способ использовать данные из моего обратного вызова json для заполнения таблицы при поиске пользователем, а не в самих таблицах.

Поэтому, когда вы загружаете страницу, цепочка событий будет выглядеть примерно так:

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

0 голосов
/ 09 января 2010

Если это кому-нибудь поможет, я реализовал плагин jQuery DataTables , чтобы решить этот, который предлагает функции сетки, разбиение на страницы и живой фильтр. Похоже, это самый универсальный плагин сетки, который я встречал для своих нужд.

...