https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
  • a
    Hi guys I'm trying to render a mustache template and have a JSON of following structure:
    Copy code
    json
customers:[{id:1,..},{id:2,...},{id:3,...}]
    However, the output comes out as empty. What could be the issue? This is exactly how I defined the template
    Copy code
    html
{{#customers}}
Id: {{id}}
{{/customers}}
    Copy code
    html
{{^customers}}
Empty list
{{/customers}}
  • b
    Are you using htmx? Or just rendering a page using mustache in your stack? It would be more helpful to see more of your code.
  • a
    I'm using htmx
  • b
    Hm something does seem to have regressed. See this bin I made with the latest htmx version https://jsbin.com/yuduwotifu/1/edit?html,output vs. the one in the client side templates doc https://jsbin.com/qonutovico/edit?html,output
  • b
    Whoops nevermind. I put the htmx include in the wrong place, it works if I move the htmx script above the client side templates script tag
  • b
    In short, I have no idea 😕
  • a
    Hmm. It looks like it's not looping through the json array
  • a
    It's only showing one item
  • a
    Anyway. Is it possible to pass extra data to mustache?
  • a
    I've noticed that it's not rendering when inside HTML. But renders without HTML
  • u
    what ius the code for roblox sccript
  • i
    does the HX-Trigger from the response only triggers if the request is from htmx?
  • b
    Yes, any htmx response headers only apply in the case of an htmx request afaik
  • m
  • m
    "state slice reducers"
  • j
    when everyone knows slice reducers should be privatized.
  • l
    Does a boosted form still trigger the 
    submit
    event on that form, or is it something else? (I've got an editor that's not updating the text now that it's boosted, and I suspect its "update the parent on submit" logic isn't firing.)
  • d
    I feel like this might just be a CSS selector question, I'm trying to have multiple search components each with their own results. I'd like to not have to track them with unique id's, but I can't seem to get the results to go into the correct place: https://jsbin.com/hotisageye/edit?html,output - every hx-post result always ends up in the first search div. I've tried every combo of "closest" and "find" that I can think of 🙂
  • t
    find
    and 
    closest
    try to find parents and children, they won't match siblings
  • d
    yep, I thought just .results would do it, but it always does the first one
  • m
    maybe try “next”
  • d
    in hx-target?
  • m
    Yep
  • m
  • m
    Copy code
    <button hx-get="/foo"
        hx-target="next output">
  Do It
</button>
<output>--</output>
  • d
    got it - thanks. I had to upgrade my htmx too 😛 https://htmx.org/attributes/hx-target/ should it be documented here?
  • m
    it sure should
  • s
    Just a random thought: What if I could do this (maybe it's possible already but I didn't find it in the docs 😄 )
    Copy code
    html
<div id="newcustomerdetails" hx-trigger="CustomerCreated from:location" hx-get></div>

<form hx-post="/customers">
<!-- some input elements -->
  <button>Add customer</button>
</form>
    When `POST`ing the 
    form
    , the server creates a 
    201
    with the 
    HX-Trigger
    response header set to 
    CustomerCreated
    and the 
    Location
    header set to 
    /customers/123
    and 
    newcustomerdetails
    would be populated with the content from 
    GET /customers/123
    . This wouldn't add much value for scenarios that can be targeted using 
    hx-target
    but if you have multiple parts of the page to be updated, it might be useful.
  • m
    you can do that I think
1...772773774...1146Latest