https://htmx.org logo
Join Discord
Powered by
# 🔥-django-htmx
  • a
    ok, thank you
  • b
    You could probably sprinkle in some hyperscript there instead
    Copy code
    html
<div hx-get="{% url "deals:deal-create" listing.slug %}" 
     hx-trigger="load"    
     id="htmx-ref"
     _="on htmx:responseError
        set my innerHtml to 'Some error happened 😱'
       "
>
  {% include "includes/loading.html" %}
</div>
    That'll keep all the logic local.
  • w
    I did some searching around the discord, but still have questions: anyone successfully set up django-cors to work with HTMX? Based on some old threads here, it seems like I might want to add 
    hx-trigger
    to 
    CORS_ALLOW_HEADERS
    in settings.. Anyone have any experience with this? EDIT: Looks like you need to add all 8 HTMX request headers to CORS_ALLOW_HEADERS. I used the following in my settings
    Copy code
    from corsheaders.defaults import default_headers

CORS_ALLOW_HEADERS = list(default_headers) + [
  'hx-boosted',
  'hx-current-url',
  'hx-history-restore-request',
  'hx-prompt',
  'hx-request',
  'hx-target',
  'hx-trigger-name',
  'hx-trigger',
]
  • w
    lol just realized that @User also created django-cors-headers
  • q
    hi guys, is it possible with htmx to submit all forms with one button like in the form set?
  • h
    a formset is really just one form element
  • h
    so you're still submitting a single form
  • h
    which htmx can do
  • m
    just put the 
    hx-post
    on the form in question
  • a
    what would you folks do if you needed to add a multi select autocomplete? it would be sourced from my own api endpoint on my own database ... i use one currently with SemanticUI which is really nice, but i'm dropping Semantic in my projects
  • h
    I like tom-select
  • a
    hilarious name. hah, this is also for a celebrity project so ironic. i'll check in to it!
  • h
  • h
    if you want something a little more crunchy - https://alpinejs.dev/pattern/dropdown
  • a
    tom select looks absolutely perfect for what i need!
  • a
    will definitely look at aplinejs too, i don't know anything about alpine
  • h
    alpine is a very small feature set for a javascript library
  • h
    the components he's been making youtubes for are great because it starts from nothing
  • h
    so even if you don't use the the library watching the video is worth it because he just talks about a lot of little details that are worth knowing
  • m
    I use a web component library called https://shoelace.style/components/select that is great
  • m
    Hey Guys quick question?
  • m
    Can we do two way data binding with HTMX
  • b
    This looks really useful. I feel that web components and htmx should work together well.
  • h
    I never really got web components
  • h
    I've done a couple small things with them
  • h
    but they still feel very client side to me
  • h
    and I never really understood how to merge that w/ backend rendering
  • g
    your backend creates semantic markup, the component either parses the markup or directly includes it with ``s. All client-rendered stuff happens in a shadow DOM, which means you don't get issues with htmx history
  • g
    I'll explain this better when I have a keyboard
  • h
    yeah I'd love to hear someone familiar with them w/r/t backend explain it
1...454647...100Latest