# AJAX filter

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

В качестве примера добавим обновление через 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"`.