AJAX filter

[NikitOS]

Данная версия устарела. Новая версия на docs.teslacloud.net.

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

View attachment AJAX filter.mp4

Параметры TeslaCloud.AjaxFilter (tc-ajax-filter)

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