https://htmx.org logo
Join Discord
Powered by
# 🔥-django-htmx
  • i
    Thanks!! I'm on 1.4.1...looks like I need to update to 1.5.0. I will also try the hx-vals if that doesn't work.
  • i
    BTW...upgrading worked.
  • v
    So I'm planning to rewrite my site to use HTMX instead. I'm struggling to get a form to post / get swapped. I'm getting [HTTP/1.1 500 Internal Server Error 31ms]
  • v
    Oh nvm. I found out how to see more detailed error message 😄
  • v
    I had totally misunderstood how npm and django applications needed to work together. Don't try and automatically bridge the npm and the django. Create a minified js file from the npm project and just serve that min js file in static and call it a day. In the case of htmx, you can just download htmx.min.js and save as a text file to serve from static directory.
  • u
    Hey all, I recently wrote this little bit of code to build on the django-htmx package: https://github.com/Tiny-Tiny-App/django-htmx-extras
  • u
    Its basically a set of HTMX aware class based views. All thanks to a modified version of the 
    TemplateResponseMixin
  • b
    Good stuff. Have you considered asking if this could be rolled into dgango-htmx itself rather than as a separate package? (I'm so exhausted with maintaining a million dependencies 😆)
  • u
    Yes I did before splitting the code into its own. The maintainer mentioned this was out of the scope of his goal with the project and he didn’t like default Django class based views. Which is is totally fine. I wouldn’t want to add cruft to such a lean project.
  • u
    Plans are to keep it up to date with releases. Though it shouldn’t change much given how this I just a play on class based views and the core of the Django htmx library
  • u
    Should be on pypi soon.
  • u
    Thanks for asking
  • s
    Has anyone tried to mix django-filter and htmx? Looking for examples 👀 I got it working using a CBV inheriting 
    FilterView
    and hx-get 🎉 I set 
    hx-trigger="change"
    but apparently forcing a 
    onchange="this.form.submit()"
    directly on an input bypasses htmx... I'm also trying to catch the change event from a flatpickr input. No luck yet.
  • m
    if you are struggling with events, there is a nice tool in chrome, `monitorEvents`: https://htmx.org/docs/#debugging
  • s
    Thanks, that's a start
  • v
    Is it possible to have an hx-post event conditionally redirect the full page from the view?
  • v
    I was thinking if x, then httpresponse, else, httpresponseredirect
  • m
    you can use a client-side redirect if you want the browser side to do it, otherwise you can do a full regular redirect and then do an OOB swap with the body
  • v
    Hmm. I did some testing and it seems like htmx doesn't care if you're sending httpResponse vs httpResponseRedirect. So I may need to just also implement the if / then logic on the front end
  • c
    Could you do a client-side redirect initiated by sending 
    HX-Redirect
    header in the server response? eg.
    Copy code
    return HttpResponse(headers={'HX-Redirect': url})
    ( https://htmx.org/reference/#response_headers )
  • v
    Thanks, I'll have to try this out \:D
  • u
    Maybe post some code?
  • v
    Okay, it looks like, my current version at least doesn't like headers as an argument there. What seems to work is response = HttpResponse('Text') response['HX-Redirect'] = url
  • v
    return response
  • v
    I think that the relative url is maybe insufficient.
  • v
    I'm missing something :/ I hacked in the full, working url and it didn't work
  • i
    New question: I'm trying to allow more navigation with my htmx views. hx-push-url="true" works for navigating back and forth, but when I click refresh, it reloads just my partial, which does not have the base template. Should I add an if statement to show my base template if there is a reload??? Not sure that's feasible. Any suggestions?
  • v
    Okay- I figured it out \:D I forgot to update this form in my template to use hx-post !
  • m
    The right thing is to check for the 
    HX-Request
    header. If is is present, render the partial, if not, render the entire page
  • u
    Hey, I am trying HTMX for the first time. I am searching for a way to integrate HTMX into my Django Bootstrap4 select field. I need a search field inside. Any idea? Is this the right way to do? 🙂
12345...100Latest