https://htmx.org logo
Powered by
# htmx-general
  • m
  • m
    can you monitor the events on the element in question?
  • a
    just what comes with mdb bootstrap
  • m
    and see what's going on?
  • a
    so with htmx.logAll(); where do I put that exactly? (I'm new to this)
  • a
    I'm using Django. In the view? or in the html?
  • a
    @mysterious-toddler-20573 never mind, I figured out another way to do it. I don't know if you know django but I can render the form fields like this and it works.
  • a
    Copy code
    py
            <div class="form-group" hx-trigger="change" hx-get="getrequesttest">
              {{league_form.mtgFormat.label_tag}}
              {{league_form.mtgFormat}}
            </div>
  • a
    so problem, in the above example I need to get the selected value from the form
  • a
    normally I would use htmx can pass in the value of the id from that tag that its in. Is there anyway to get it the value from a different tag?
  • a
    Copy code
    html
<div class="form-group" hx-get="/listofdecks/" hx-target="#listofdecks" hx-trigger="change" id="???">
<label for="id_mtgFormat">MtgFormat:</label>
<select id="id_mtgFormat" name="mtgFormat" required="">
<option value="">---------</option>
<option selected="" value="1">Legacy</option>
  • a
    is there any way to grab the selected value?
  • t
    hx-include="id_mtgFormat"
  • t
    or 
    #id_mtgFormat
    ? I'm never quite sure which fields want just an ID and which fields accept a css selector
  • a
    @tall-dinner-62086 thank you yes, it's with the #. Thanks for the tip
  • a
    I was scouring the docs but I didn't know how to describe what I wanted.
  • a
    but that works
  • r
    I actually agree and quite like this idea. However, I can't think of an elegant solution for cases when the fragment requires extra data. Probably would have to just pass some parameters it in the request, e.g. 
    https://example.com/resource?oob=fragment,param1:value1,param2:value2
    (format not final). I imagine that you would also have separate handlers that can process these parameters and get required data. Would need some custom parsing logic as well, but nothing exceptional it seems. I'm gonna look into how it could be implemented just out of pure curiosity
  • b
    Good point. It's essentially packing an entire API request inside another. This was all a response to the idea of "multiple hx-get's on one element" The solution you had I've seen come up here before, and I implemented it too. Seems like a common enough pattern to warrant a docs/cookbook entry. This idea is almost like GraphQL for HATEOAS
  • t
    I think for the first time ever I actually remembered what HATEOAS stands for without looking it up. I'm not sure if I'm spending too much time in here or not enough.
  • g
    Does 
    afterSettle
    only trigger if there is a swap made?
  • g
    As in, if I want to catch an event if 
    hx-swap=none
    , should I just use 
    afterRequest
    (assuming it succeeds)?
  • m
    sounds right
  • g
    see: REST resource expansion
  • f
    is it possible to get the 
    HX-Refresh
    header behavior by setting a 
    hx-
    attribute in HTML?
  • b
    So I have an SSE connection which I'm pumping new table rows through. This all works well except I can have the case where my table initially has no rows (it's a webmail app, so this means no emails yet). In this case, I have a row saying 
    No emails yet
    . Now if I get a new email, I get the new mail added as a row, but I still have the original 
    no emails
    row showing. Can anyone think of a nice way to remove the final row? At the moment, I'm thinking of using a little bit of hyperscript I'm wondering whether there's a cleaner pattern.
  • t
    I think the little bit of hyperscript is gonna be your best bet
  • t
    You could send through an oob swap to replace that row with the first row, but that would mean having to identify on the server side that you're sending the very first row
  • b
    Cheers @tall-dinner-62086 . I think you're right. I've stuck an 
    id
    on the row if it's there and then 
    init remove #theID
    with hyperscript when a new row appears.
  • s
    I am looking into using example of custom modal dialog and want to have OTP submit form as its content. can one provide example ? i am unable to understand how to handle invalid otp response, on success how to close the dialog etc.
1...712713714...1146Latest