is this example helpful? https://htmx.org/examples/active-search/

Thank you, I have already seen that. My problem is I have no clue where it start to integrate it.

To be more concrete. The select field is a model choice field.

You'll probably want to have a view that returns the HTML that will replace the default select.

and then have the hx-target replace the contents of the original select

I think that's pretty much it.

I have somethign that might help

Views: https://github.com/Tiny-Tiny-App/tinytinylog/blob/develop/log/views.py#L221

Templates: https://github.com/Tiny-Tiny-App/tinytinylog/blob/develop/log/templates/search.html

Class based views: https://github.com/Tiny-Tiny-App/django-htmx-extras/tree/main/django_htmx_extras/views/generic

And specifically this Mixin: https://github.com/Tiny-Tiny-App/django-htmx-extras/blob/main/django_htmx_extras/views/generic/base.py#L5

Same pattern but another app: https://github.com/Tiny-Tiny-App/tinytinydirectory/tree/develop

this one is very much a WIP, but the htmx side of things can be considered as done.

Do note that they are using

django-crispy-forms

But not using

django-crispy-forms

actually makes your code a little simpler

Thank you all for you help. Will have a look at it!

Hello, I’m implementing htmx into a django quizz app and have a div who shows the remaining time (

<div hx-get="{% url 'quizzes:attempt-remaining-time' attempt.id %}"
     hx-trigger="every 5s"
     …
>

), and another div listing all the questions. I would like this last div to be reloaded when the time is over, by a Hx-trigger event from the remaining-time View for example, but I’m a bit stock with how is the best way to make it… would you guys have some thoughts or ideas ? Thanks !

Maybe have your remaining time view return something with an hx-trigger to replace the questions.

if the remaining time <= 0

Just to validate a point here: I have a form that, on submit, saves the data and redirects (using Django redirect) to the form view again. Before redirecting, I set a

HX-Trigger

header. Should htmx handle this header as it's not a

200

response?

unfortunately htmx doesn't see the response before the redirect

Why redirect? See: https://github.com/Tiny-Tiny-App/tinytinylog/blob/develop/log/views.py#L122

Unfortunately, my use case is a little bit more complex. To render the form I need to put some stuff in the context to generate list options. I want to avoid having to generate these lists in different places (on form initialization and on form validation errors).

With htmx the old post-redirect-get pattern is not needed any more. CBV redirect by default. That's one reason I switched to FBV. Maybe this helps you https://github.com/guettli/django-htmx-fun#naming-pattern

@User thanks for pointing me indirectly at your django-tips repo 🙂 I didn't kow about WhiteNoise.

@User I see your point. You don't redirect, you have a reusable "form render" function. Nice.

is there any thing should i keep in mind when using htmx with new added html using jquery ajax ! cuz it fails to trigger htmx inside this newly added content

how do I do infinite scroll with django??