How deeply does Quarkus in Action cover hx-trigger attribute?

Works through load and a custom body event on an availability div, without cataloging other triggers.

Hx-trigger attribute

The hx-trigger attribute declares the events that cause HTMX to issue a request or refresh an element.

Use `hx-trigger` to name the events that make an HTMX element issue its request. An availability table can load automatically when the page opens and refresh when a reservation signals that the list has changed. section 6.2.3

Listing 6.13 Including the list of available cars in the index page

<h2>Available cars to rent</h2>
<form hx-get="/available" hx-target="#availability">
  <p>Start date:<input id="startDateInput" type="date"
                       name="startDate" value="{startDate}"/></p>
  <p>End date:<input id="endDateInput" type="date"
                     name="endDate" value="{endDate}"/></p>
  <input type="submit" value="Update list"/>
</form>
<div id="availability" hx-get="/available"  #1
     hx-trigger="load, update-available-cars-list from:body"
     hx-include="[id='startDateInput'],[id='endDateInput']">
  <!-- To be replaced by the result of calling /available -->
</div>

The availability div uses `hx-get` for the request and `hx-trigger="load, update-available-cars-list from:body"` for its two events. The `from:body` modifier is required for the custom event here; `hx-include` sends the current date inputs. section 6.2.3

The date form takes a separate route: submitting it requests `/available` and uses `hx-target` to replace the availability div. Its submission does not need another event in the div’s `hx-trigger` list. section 6.2.3

How Quarkus in Action covers it

liveBook manning.com

Read Quarkus in Action on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Django in Actionhx-trigger is an HTMX HTML attribute that specifies the browser event and timing conditions that initiate an HTMX request.

Compare how 2 books explain hx-trigger attribute →

Related concepts

HTTP GETconfigures · HTTP GET is a request method for retrieving a representation of a resource identified by the request target, without requesting a state change.
lazy initializationused by · Lazy initialization is a technique that postpones creating, retrieving, computing, or loading a value or resource until it is needed.
HTMXconfigures · HTMX is a JavaScript library that enables HTML attributes to initiate HTTP interactions, handle events, and update portions of a page.
hx-target attributeconfigures · The hx-target attribute identifies the HTML element whose content or element HTMX updates with a request response.
hx-post attributeconfigures · The hx-post attribute configures HTMX to issue an HTTP POST request to a specified endpoint in response to an interaction or event.
HX-Trigger-After-Swap HTTP headerconfigured by · The HX-Trigger-After-Swap HTTP header instructs HTMX to dispatch named events after replacing the target content.

This explainer was generated by Manning's knowledge graph from the text of Quarkus in Action. The section links point to the parts of the book it draws on.