From the course: HTMX with Thymeleaf in Spring Boot
Unlock this course with a free trial
Join today to access over 25,600 courses taught by industry experts.
Implement infinite scroll - Spring Boot Tutorial
From the course: HTMX with Thymeleaf in Spring Boot
Implement infinite scroll
- [Instructor] Please open IntelliJ and load 06-05_begin/records-management for this video. In the terminal, go ahead and run the mvn spring-boot:run command. When it's complete, let's open the application in the browser and log in. Once logged in, you should notice at the top a new menu item called Admin View. Go ahead and click on this. And what loads is a distilled collection of person records. The idea of this page is that an administrator might want to load a particular record and view the details about a person or a parent. Of course, the problem with this particular view is it contains about 600 records. It'd be nice if we could use a visual technique that many sites use called infinite scroll. The idea behind infinite scroll is a user could load a set of records like the first 20 or so, and those would load, and then you would scroll to the bottom and then a next set of records would load. So let's go back to IntelliJ and take a look at some of the code. First, we're going to…
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)
-
-