HTMX + Flask: Modern Python Web Apps, Hold the JavaScript Transcripts
Chapter: HTML template partials
Lecture: Concept: Using partials

Login or purchase this course to watch this video and the rest of the course contents.
0:00 Quick concept review of using partials to show our add video UI. So remember, we installed the jinja_partials package.
0:10 We registered extensions which makes the render partial function available on every Jinja template.
0:17 And then we just say here is an HTML file and here's the data it needs. So in this case we wanted to show that add_button,
0:24 that partial HTML to add the button. And that thing has a piece of data it requires, called cat_name. We had that same information but not in the same
0:35 variable. So we can just like you would with a parameter and a piece of
0:39 data you just set the value, and you pass it over variable name and the functions argument or parameter name doesn't have to match.
0:47 All right. So that's what we're doing. We say cat_name = category.category. And then down in the add_button.html we just write our code in our
0:57 HTML that we would have put there and use the data that's passed over. So we're going to add a hyperlink with hx-get and swap and the add a video
1:05 button or the add video hyperlink. And then you can see we're using cat_name because we're going to have to propagate
1:11 that back as part of our htmx exchange. That cat_name is being used right
1:18 there. So we just use keyword arguments to specify the data that the partial needs, couldn't be simpler

Talk Python's Mastodon Michael Kennedy's Mastodon