From the course: HTMX with Thymeleaf in Spring Boot
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Implement active search - Spring Boot Tutorial
From the course: HTMX with Thymeleaf in Spring Boot
Implement active search
- [Instructor] Please open IntelliJ and load 06-06_begin/records-management project files for this video. In the terminal, run the Maven Spring Boot run command. When it's complete, open the application in the browser, and let's log in. From the last tutorial, we modified the admin view page to have an infinite scroll. It's a nice technique, but this page really is too unwieldy to find anyone. What we need is what is often called an active search. Let's do a quick implementation of the active search for this page. In IntelliJ, let's open up the admin dashboard located underneath source, main, resources, template, admin. And at the top, just underneath the h2 tag, we're going to hit enter and type label. Hit enter again, and inside, we'll type input class "form-control" active-search. This will be followed by the type attribute, which will be search. Then hit enter. Let's tab over, and we'll type name. This as well will be "search" followed by placeholder, "Begin typing to search for…
Contents
-
-
-
-
-
-
-
-
(Locked)
Demonstrate using hx-indicator to track progress8m 18s
-
(Locked)
Turn on debugging for HTMX events8m 52s
-
(Locked)
Customize the HTMX UI confirmations7m 21s
-
(Locked)
Integrate HTMX with Bootstrap modal13m 2s
-
(Locked)
Implement infinite scroll20m 42s
-
(Locked)
Implement active search14m 34s
-
(Locked)
Implement drag and drop with Sortable.js28m 7s
-
(Locked)
-
-