Шаг 147.
Библиотека jQuery. Работа с таблицами. Изменение внешнего вида таблицы. Фильтрация. Отмена действия фильтра

    На этом шаге мы рассмотрим способ снятия ранее заданного фильтра.

    Для полноты реализации нам необходимо предусмотреть способ вернуться к полному списку после фильтрации. Добавить параметр, обозначающий все темы, очень просто:

         $('<div class="filter">Все</div>').click(function() {
           $table.find('tbody tr').show();
           $(this).addClass('active')
             .siblings().removeClass('active');
         }).addClass('clickable active').appendTo($filters);

    Данный фрагмент создает ссылку Все, щелчок на которой приводит к отображению всех строк таблицы. Для большей наглядности эта новая ссылка с самого начала отмечена как активная, как показано на рисунке 1.

Рис.1. Ссылка Все с самого начала отмечена как активная

Полный текст этого примера можно взять здесь.

    На следующем шаге мы рассмотрим взаимодействие с другим программным кодом.




Предыдущий шаг Содержание Следующий шаг