https://htmx.org logo
Join Discord
Powered by
# 🔥-django-htmx
  • b
  • r
    Pretty crazy how naturally LoB tailwind is in combination with Hyperscript and HTMX
  • m
    yeah, I have yet to take the tailwind pill, but it seems like folks really like it
  • r
    Same here man. After watching that though, combining everything in one file like that seems hella tempting for rapid development.
  • h
    tailwind is nice, people can go real fast with it
  • h
    I am not convinced the long term is as good
  • a
    weird error that I'm only getting on my heroku deployment (can not reproduce locally)
  • a
    htmx:targetError
  • a
    I'm getting that in the console, and it says "logError @ devhtmx.8b5ad8be1763.js:1846"
  • a
    but how can I view that log?
  • a
    it's an hx-get, hx-target thing. Why would that give me an error? And why only on heroku deployment? I'm not sure how to troubleshoot this.
  • a
    Oh, ok, I figured something out. The target div is simply not there. Why that is I have no idea, but that's not really an htmx problem.
  • a
    Ok, new problem
  • a
    So I want to include a table on one of my pages, but I wanted to write the logic and html for that table separately from the page. So in my html I "{% include 'partials/statstable.html' %}"
  • a
    I also use htmx to load the data for the table, calling it from one of my filter selects
  • a
    Copy code
    html
                    <select id="deckname" name="deckname" hx-trigger="load, change" hx-get="{% url 'statstable' %}" hx-target="#statstable" hx-swap="outerHTML" hx-include="#timeframe, #filteroutunplayed">
  • a
    This way the page loads with an empty table and htmx quickly fills it up and if the user changes the filter select it will change the table info
  • a
    I hope this all makes sense.
  • a
    The trouble is now I want to add DataTable to the table to make it sortable, I do that with this jquery script
  • a
    Copy code
    html
    <script>
        $(document).ready( function () {
        $('#statstable').DataTable();
        } );
    </script>
  • a
    but when I put that in my table, every time htmx loads the table again I get a second instance of the DataTable!
  • a
    thats the problem
  • h
    your problem is using datatable at all lol
  • h
    yeah swapping the content isn't going to destroy the datatable instance - you'd probably need to do something like update/reinit
  • h
    but if you just want swapping just do that server side imho
  • h
    way less effort
  • b
    You can probably use 
    htmx:configRequest
    to set the DataTable. Or perhaps 
    htmx:load
    https://htmx.org/events/#htmx:configRequest
  • h
    his problem isn't that it's not getting initialized, it's that it's getting initialized multiple times
  • h
    Probably something like:
    Copy code
    js
 if $('#statstable').isDataTable(){
   $('#statstable').destroy()
 }
 $('#statstable').DataTable();
  • h
1...707172...100Latest