Сетка с фильтром

Результат: посетитель фильтрует записи без перезагрузки. Без JavaScript форма остаётся обычным GET. Нужны PageBuilder Pro и capability datasources.

Что нужно заранее

1. Ресурс опубликован, в шаблоне стоит [[!PageBuilder]].
2. Capability datasources включена.
3. Провайдер уже отдаёт строки: дочерние ресурсы, таблица с table_key или miniShop3.

Шаги

1. Добавьте секцию filterable_grid.
2. Выберите datasource: modx-resources, pagebuilder-tables или minishop3. Для таблицы укажите ключ.
3. Сохранить ресурса. На сайте форма, сортировка и пагинация идут через pagebuilder-filterable-grid.js. Адрес обновляет history.pushState.
4. Параметры: pb_fg_{id}_search, _sort, _dir, _page, _f_{поле}. Префикс pb_fg_{id}_ пишет DatasourceSectionEnricher в filter_param_prefix.
5. Оператор зависит от типа поля: text → contains, number и currency → gte, color → eq. Колонка image в фильтр и сортировку не попадает. Подпись фильтра берётся из label колонки.

Страница больше последней приводится к последней. Пустой результат: pagebuilder_fe_filter_empty. Кнопка сброса: pagebuilder_fe_filter_clear.

Пример полей

Title Каталог. Datasource pagebuilder-tables, ключ таблицы тот же, что на вкладке Таблицы. Лимит 12 (размер страницы).

После сохранения откройте страницу и введите слово в поиск. Адрес получает pb_fg_{id}_search, где {id} равен id секции. Сброс возвращает список и пишет лексикон pagebuilder_fe_filter_clear. Пустая выборка показывает pagebuilder_fe_filter_empty.

Что проверить

С JavaScript список обновляется без полной перезагрузки, а query остаётся в адресе. Выключите JavaScript и отправьте форму: это обычный GET с теми же параметрами. Колонка image в фильтрах не появляется.

Откат

Удалите секцию.

См. также

• Сетка с фильтром
• Динамический список