https://htmx.org logo
Join DiscordCommunities
Powered by
# 🔥-django-htmx
  • a
    Django view.py
  • a
    Django html template
  • a
    Based on my backend, is there anyone that can suggest how I can swap the image/icon based on whether a person has bookmarked an obj?
  • g
    If you swap the whole item when you add/remove a bookmark, then the image should change too, right?
  • b
    @User For that, I would use alpinejs or an equivalent as well as htmx
  • g
    @User what currently happens when you click the button? Let's figure out why the image doesn't change
  • a
    Thanks for your response guys, Currently, everything disappears
  • b
    For sure
  • b
    You return an httpresponse
  • b
    you need to return html
  • a
    So the text and the icon is gone. I think it is due to the way I have set up the response. I am not sure what is correct.
  • g
    Your response needs to contain the whole 
    ul
  • b
    Yep
  • a
    ohhh
  • g
    from the template
  • b
    @User Basically what you need to understand with htmx is that your django routes needs to return html
  • b
    Just like you return JSON when you develop a "classic" API queried by a frontend
  • a
    I will try that now
  • a
    Do i put it in qoutes in the httpresponse?
  • g
    You can put the ul in a partial. Then, render that partial the same way as any html template
  • g
    in your html template:
    Copy code
    {% include "booqmarqed_area.html" %}
    in your view:
    Copy code
    return render(request, 'booqmarqed_area.html')
  • a
    That makes sense
  • a
    Does the button hx logic look correct?
  • g
    or however you render a template, i don't know django
  • g
    Looks good to me, but 
    hx-trigger=click
    is redundant since it's a button
  • a
    And should I swap outerHTML?
  • g
    Yes, the response includes the whole list so it should swap the whole list, not just the contents. If you used innerhtml, the list would get another nested list every time you clicked the button
  • a
    Thanks again.
  • a
    I have loaded the as a partial and it all loads well.
  • a
    but I am still not sure what I should write in the HTML response in the django response
1...151617...100Latest