HTMX & AdonisJS Filters: Updating Our URL & Populating Filter Field Values

Updating Our URL & Populating Filter Field Values

In this lesson, we'll learn how we can use HTMX to easily update our URL via our AdonisJS response. Then, we'll use our URL's query string to pre-populate our filter form field values.

Author: Tom Gobich
Published: Mar 26, 23
Duration: 3m 32s
Comments: 6

Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.

Adocasts

Burlington, KY

Visit Website

Get the Code

Download or explore the source code for this lesson on GitHub

Repository

Join The Discussion! (6 Comments)

Please sign in or sign up for free to join in on the dicussion.

Jean

Commented 2 years ago

As always, I learned a lot :)
When do you plan to continue the series on Inertia?

1

Please sign in or sign up for free to reply
1. tomgobich
  
  Commented 2 years ago
  
  Thank you, Jean! :)
  I put this series on pause when it was announced V1 of Inertia would be released, out of fear it would invalidate what we already had and I'd have to restart. I still need to re-evaluate what has changed and whether I need to restart the series.
  
  0
  
  Please sign in or sign up for free to reply
Rene

Commented 1 year ago

This is awesome. Thank you very much!

1

Please sign in or sign up for free to reply
1. tomgobich
  
  Commented 1 year ago
  
  Thank you, Rene!
  
  0
  
  Please sign in or sign up for free to reply
frp

Commented 1 year ago

this looks really cool. I had never heard of htmx. With htmx you can get an SPA feel with Edge templates.

1

Please sign in or sign up for free to reply
1. tomgobich
  
  Commented 1 year ago
  
  Yeah, absolutely! This site is actually built using Unpoly, which is in the same hypermedia category as HTMX. All our pages are rendered using EdgeJS despite our pages loading like a SPA and our player sticking with you throughout the site while it's playing.
  
  1
  
  Please sign in or sign up for free to reply