https://htmx.org logo
Powered by
# htmx-general
  • m

    https://www.youtube.com/watch?v=Zs0DXR1S03M▾

  • m
    fun talk by @User
  • v
    Very cool talk, thanks for sharing! I think it's helping me already w/ my project ! I really liked the idea of naming the views based on whether they return a fragment or a page.
  • s
  • u
    Hi, should this work on both triggers? 
    hx-trigger="load, reloadList from:body"
    when add 
    ['HX-Trigger'] = '{"reloadList": "", "closePopup": ""}'
    to the response header?
  • u
    Is this the correct way to send 2 trigger events?
  • u
    I was taking a look at the docs and stumbled on what I'm trying to achieve: https://htmx.org/examples/update-other-content/#events. One difference is that my form and my table are dynamically loaded with 
    hx-get
    and that's what I'm suspecting is not triggering events. I mean, the events are triggering but not being listened when I imagined they where. Am I going too far with 'side-loading' things (I was trying to make my form and my table reusable)?
  • m
    this looks correct to me
  • m
  • m
    the more code you can give us the better we can help, but expanding the selection is always the easiest and most fool-proof
  • m
    you can still render the items separately via partials and then combine them in a unified template as well
  • m
    Hi ! I am trying to use hx-include to send an additional field for my hx-get. I am referencing it by id but that does not seem to be accomplishing what I want. Are there any simple examples of using hx-include that I could look at or maybe some additional documentation?
  • m
    can you post your code here for us to look at?
  • m
    I can but it is wrapped in a python script so it's a bit tricky to decipher
  • m
    field=f'[id="comment{num}"]' button = f"<button hx-get='http://70.88.200.194/cgi-bin-test/order_comment.p y?order={d['Order #']}' hx-include='{field}' hx-ext='debug' 'class='btn btn-prim ary'>Click to change" html+=f"{button}"
  • u
    Copy code
    <div hx-get="/form">
    <!-- on form submit, response has a HX-Trigger: reloadList header if sucessful-->
</div>

<div
    hx-get="/table"
    hx-trigger="load, reloadList from:body">
    ...
</div>
  • u
    Something like this...
  • m
    Maybe I'm using the wrong feature. I have a table with multiple columns. One column is an editable comment field and I have placed a button next to it. I am trying to pick up the data in the comment field and send that as a parameter with my hx-get on the button. Is this the correct method?
  • m
    hx-include='{field}'
    this should produce a css selector to include the value
  • m
    or maybe you want to use 
    hx-vals
    to just include the value directly as JSON?
  • m
    this looks reasonable, can you see if the 
    reloadList
    event is being fired?
  • m
    I agree but what it getting passed is blank. Not sure if there is an easy way to debug.
  • m
    I can't use json because the data is coming from a dynamic field in the table
  • m
    I managed to debug but it looks like it is not picking of the value of the field:
  • m
    updated
  • m
    looks like an escaping problem: 
    [id="comment1"]
  • m
    You could use 
    #comment1
    here instead, if I understand correctly
  • u
    I can see the header with the event but not the behavior from reloading the table. Nor I can see errors in the console.
  • m
    can you use the 
    monitorEvents
    trick here: https://htmx.org/docs/#debugging to see if the event is firing on the body?
  • u
    I'll give it a try
1...339340341...1146Latest