Der Filterdialog ist ein normaler HTML-Dialog, der durch den Shortcode sbhh_terminkalender in die Seite eingefügt wird. Das Besondere an dem Dialog ist, dass die Filterfelder sogenannte HTMX-Requests (https://htmx.org/) auslösen, wenn sich ein Feldinhalt ändert.
Der HTMX-Request wird in dem Plugin abgehandelt, das auch das Formular ausgibt. Das Ergebnis, dass das Plugin ausgibt ersetzt den Inhalt des div-Bereichs mit der ID „suche-container“. Es werden die ersten 20 Trefferdatensätze ausgegeben. Der 20. Datensatz enthält wieder einen HTMX-Trigger (data-hx-trigger=“revealed once“), der dafür sorgt, dass das Ergebnis um alle restlichen Datensätze ergänzt werden, wenn der 20. Datensatz in den sichtbaren Bereich des Browsers scrollt.