Расширение path-deps

Это расширение поддерживает выражение зависимостей между элементами на основе путей, вдохновлённое механизмом зависимостей intercooler.js. При установке этого расширения элемент может выразить зависимость от другого пути, используя свойство path-deps и установив hx-trigger в path-deps.

  <div hx-get="/example"
hx-trigger="path-deps"
path-deps="/foo/bar">...</div>

Этот div запустит запрос GET к /example, когда любой другой элемент отправит изменяющий запрос (то есть, не GET запрос, как POST) к /foo/bar или любому подпути этого пути.

Вы можете использовать * для сопоставления любого компонента пути:

  <div hx-get="/example"
hx-trigger="path-deps"
path-deps="/contacts/*">...</div>

Установка

<script src="https://unpkg.com/htmx.org/dist/ext/path-deps.js"></script>

Использование

<div hx-ext='path-deps'>
  <ul hx-get="/list" hx-trigger="path-deps" path-deps="/list">
  </ul>
  <button hx-post="/list">
     Post To List
  </button>
</div>

API JavaScript

Метод - PathDeps.refresh()

Этот метод вручную запускает обновление для заданного пути.

Параметры

• path - путь для обновления

Пример

// Trigger a refresh on all elements with the path-deps attribute '/path/to/refresh', including elements with a parent path, e.g. '/path'
PathDeps.refresh('/path/to/refresh');