Логотип Tagix
Изображение Изображение

← Назад в FAQ

tgx:modal — целевой modal в insert-flow

tgx:modal#

Служебный атрибут для задания целевого modal-контейнера в сценариях вставки.

Синтаксис#

<div tgx:modal="#editorModal"></div>

Пример 1: минимум (копипаст для старта)#

<div tgx:modal="#editorModal"></div>

Пример 2: реальный сценарий#

<button tgx:modal="#editorModal" tgx:ajax-get="/api/v1/modal/html/edit">Редактировать</button>

Разбор#

Используется инфраструктурой modal flow; не заменяет tgx:target/tgx:swap для обычных HTMX-ответов.

Когда использовать#

  • Когда нужно управлять поведением блока прямо в шаблоне, не дублируя логику в нескольких местах.
  • Когда важно сделать поведение страницы предсказуемым для пользователя в реальных сценариях.

Поведение в runtime#

  • Тип: служебный атрибут.
  • В sandbox директива tgx:modal: запрещена.

Частые ошибки#

  • Смешивать роль tgx:modal и tgx:target
  • Указывать modal-селектор, которого нет в DOM

Проверка перед публикацией#

  • Пример корректно отрабатывает в рабочем шаблоне/тестовой странице проекта.
  • Значения по умолчанию обработаны (|fallback) там, где данные могут отсутствовать.

См. также#

Связанные статьи

tgx-target tgx-swap tgx-record-label

← Назад в FAQ

tgx:modal — целевой modal в insert-flow

tgx:modal#

Служебный атрибут для задания целевого modal-контейнера в сценариях вставки.

Синтаксис#

<div tgx:modal="#editorModal"></div>

Пример 1: минимум (копипаст для старта)#

<div tgx:modal="#editorModal"></div>

Пример 2: реальный сценарий#

<button tgx:modal="#editorModal" tgx:ajax-get="/api/v1/modal/html/edit">Редактировать</button>

Разбор#

Используется инфраструктурой modal flow; не заменяет tgx:target/tgx:swap для обычных HTMX-ответов.

Когда использовать#

  • Когда нужно управлять поведением блока прямо в шаблоне, не дублируя логику в нескольких местах.
  • Когда важно сделать поведение страницы предсказуемым для пользователя в реальных сценариях.

Поведение в runtime#

  • Тип: служебный атрибут.
  • В sandbox директива tgx:modal: запрещена.

Частые ошибки#

  • Смешивать роль tgx:modal и tgx:target
  • Указывать modal-селектор, которого нет в DOM

Проверка перед публикацией#

  • Пример корректно отрабатывает в рабочем шаблоне/тестовой странице проекта.
  • Значения по умолчанию обработаны (|fallback) там, где данные могут отсутствовать.

См. также#

Связанные статьи

tgx-target tgx-swap tgx-record-label