MENU

Fun & Interesting

Dynamic list views with Django and htmx

Matt Segal 15,782 lượt xem 3 years ago
Video Not Working? Fix It Now

How to use htmx to make Django list views dynamic without having to write any JavaScript. If you like this video you might also like my blog at https://mattsegal.dev

Does you business need to launch a new Django site? I can help: https://mattsegal.com.au

Helpful links:

- Code: https://github.com/MattSegal/django-htmx-list-view
- htmx: https://htmx.org/
- pagination: https://docs.djangoproject.com/en/3.2/topics/pagination/
- fancy example: https://github.com/AnikaLegal/clerk/blob/develop/app/case/views/case/list.py

0:00 Intro
0:30 Problem examples
1:22 Solution examples
2:48 GitHub project
3:19 Setup
6:01 Review of project without htmx
11:40 Diagram of new architecture
16:23 Preparing HTML templates for htmx
18:42 Creating the search endpoint
21:31 Installing htmx
22:50 Adding htmx to the search bar
26:50 Adding htmx to the next page button
33:17 Conclusion

Comment