Вопрос

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top