# AJAX filter 1.0.1+

# Базовое использование

В качестве примера добавим обновление через AJAX к стандартным фильтрам тем. Достаточно одной модификации шаблона forum_filters:
Тип поиска: Регулярное выражение.
Найти:

/(<xf:form action="{{ link\('forums\/filters', \$forum\) }}")(>)/

Заменить:

<xf:js src="TC/ComponentLibrary/ajax_filter.js" addon="TC/ComponentLibrary" min="1" />

$1 data-xf-init="tc-ajax-filter" data-filter-url="{{ link('forums', $forum) }}" data-replace=".js-threadList"$2

Пример
Пример

# TeslaCloud.AjaxFilter (tc-ajax-filter)

Параметры

Параметр Значение по умолчанию Описание
filterUrl null URL для отправки формы с фильтрами.
filterContainer null Селектор контейнера фильтров. Если не указано, в качестве контейнера будет использоваться элемент, на котором инициализирован обработчик.
replace null Селектор для обновления контента.
scrollTarget Селектор для прокрутки после обновления контента.
updateDelay 250 Задержка перед фильтрацией после изменения фильтра.
autoSubmit true Если true, отправка формы с фильтрами будет происходить автоматически после изменения любого фильтра, в противном случае форму необходимо отправить вручную.
hideSubmit false Если true, в форме будут скрыты все элементы с type="submit".