https://htmx.org logo
Powered by
# htmx-general
  • b
    right now i have the adamchainz django-htmx in place, an other app is calling json from this app ...
  • b
    so i wanted to use DRF for both
  • u
    Well, maybe htmx is not the right tool for what you want. HTMX is all about HTML, not JSON.
  • b
    i fell in love with the ui speed 😦
  • b
    and I hope there is a good way to return html from DRF so I can use HTMX
  • u
    It should work as I mentioned.
  • m
    @User that defeats the whole purpose of HTMX. You also have to factor in that the JSON produced by DRF has to be parsed and renderrd as HTML by your frontend javascript framework.
  • m
    Both concepts has its merits, but HTMX and sending HTML over the wire clearly wins if the contest is about simplicity.
  • s
    for tables jsut use tabulator.org imo, trying to write custom table code is a fools errand there is just so much functionality you may need or want to replicate.
  • g
    htmx works just fine alongside client side rendering. But you don’t need to “go through” htmx to do it. Right now, I’m wiring ckEditor into my htmx app and it’s going great.
  • g
    Just use the right tool for the specific job you’re doing, and don’t overcomplicate it.
  • g
    preach brother
  • m
    @User is it the working with DRF's ModelViewSets you "fell in love with"? Maybe django generic class-based views will suit you better than the function based views @User suggested. https://docs.djangoproject.com/en/3.2/topics/class-based-views/generic-display/
  • m
    They introduce more magic, but easier to reason about for more generic usecases
  • b
    thanks for coming back at me. I think I wrote to various people at once confusing my situation a little bit: - I have a working site using adamchainz django-htmx in place (up and running) - a service on my site needs a JSON endpoint, thus I am using djangorestframework (up and running) thus i was wondering if I can somehow connect the htmx part to the drf endpoint to have it all under one hood
  • b
    (i took adamchainz table example, but no, i do not want to write that whole code myself, tabulator is doing the job just fine in other projects)
  • b
    (in case I need some table maagic)
  • g
    you could have an html endpoint that fetches data from the drf endpoint, there was an asp.net tutorial where they make a json api and then an mvc app that consumes the api
  • b
    this sounds very much like what I tried to do, but I have to check before how DRF plays along
  • s
    It is already recorded 🙂 AFAIK soon after the conference the recordings will be published. But don't wait for technical details. This is high level talk and story about my odyssey trying to find the right framework.
  • s
    I did "if htmx then return html; else return ..." in the past. But I switched to creating two endpoints. I use this pattern now: URLs which return html fragments end with _hx. Only power-users who use devtools will see this URL. I think it is ok to leak this into the URL namespace.
  • s
    If you return HTML (or a html fragment), then I think plain Django is enough, and you don't need the DRF.
  • m
    @User I am confused... are you just trying to fetch your data from your API?
  • m
    just use browsers fetch or ajax?
  • m
    Copy code
    javascript
<script>
      var table = new Tabulator("#todos", {
        ajaxURL:"https://jsonplaceholder.typicode.com/todos", //ajax URL
        ajaxConfig:"GET", //ajax HTTP request type
        ajaxContentType:"json",
        columns:[
          {title:"User Id", field:"userId"},
          {title:"Id", field:"id"},
          {title:"Title", field:"title"},
          {title:"Completed", field:"completed"},
      ],
      });
      table.setData();
    </script>
  • m
    thats an example from their docs that I have modified to fetch data from json placeholder.. do the same for your own rest endpoint.. Is that sufficient enough?
  • u
    Hello. I'm trying to use 
    hx-ws
    , where websocket connection returns 2 top level elements for oob swap (they only contain 
    id=
    , nothing else). How would I go about animating the settle state of both elements? Is it possible? I've tried CSSing 
    .class-name.htmx-settling {}
    , but that does not seem to work.
  • m
  • m
    we could change that, if you are willing to help out with some experimental code
  • u
    @mysterious-toddler-20573 sure thing, is your link a good place to start? Is there a reason this settles immediately? 🙂 I'd appreciate any pointers - I've only learned about htmx yesterday. 😀
1...271272273...1146Latest