https://htmx.org logo
Powered by
# htmx-general
  • f
    I'd echo the earlier comments about an expanded breadth of examples would be very helpful.
  • m
    Can you post some html? Which modal example are you using?
  • f
    @User the bootstrap modal (https://htmx.org/examples/modal-bootstrap/), I'll write up some html of what it looks like now. Basically, I need to gather additional information for particular menu options before submitting the form.
  • q
    Hi guys, I'm really struggling with a 'load more' component inside a filtered list of entries. I've managed to get something that works with a nested 'load more' but as that component renders as a in the DOM it causes issues with the front-end display. Has anyone got a good example of this in the wild I can look at?
  • q
    (both the filter and the load more are using htmx/Sprig)
  • m
    @User Could you elaborate a bit more on what you are trying to accomplish and how it's going wrong? All the best Sprig examples are here https://putyourlightson.com/sprig/cookbook and here https://putyourlightson.com/sprig/videos
  • m
    OK. Looks like there is a 
    hide.bs.modal
    event you can hook into: https://getbootstrap.com/docs/4.0/components/modal/#events
  • m
    (never understood the naming convention w/ bootstrap events. First the event name, then bs, then the component?)
  • m
    @User .
  • s
    Is there a "this" value for 
    hx-include
    ? I am looking at my own question again: https://stackoverflow.com/a/65727660/633961 It would be cool if I could use "this" do 
    <tr hx-post="..." hx-include="this">
    make the 
    <tr>
    be like a form.
  • g
    We don't have`this`, but it should work with 
    closest tr
    on the submit button
  • s
    I don't have a submit button. This fires on "change". I created an issue. I hope we find a convenient solution: https://github.com/bigskysoftware/htmx/issues/536
  • q
    Hi Kent, thanks for replying. I've read all the docs and even watched the entire video series for the search component. I have a grid listing of items that shows 6 items. It has a category filter and a view more link. With the view more link I am struggling to 'append' items to the bottom of the list of items. In the interim, I have just used a trigger to increase the limit and re-render the entire component but obviously that is not as ideal as just grabbing the next items required using an offset param
  • m
    If your can add an ID attribute to the tr tags, you can try this: 
    hx-include="#id *"
  • u
  • g
    I saw this and the sample project they provide is quite complicated
  • g
  • s
    Thank you this works, but I would like to more convenient/simpler.
  • g
    doesn't 
    closest
    find the element itself? if i'm not wrong 
    closest *
    should behave like 
    this
  • m
    I never tested closest. But 
    hx-target
    does support 
    this
    .
  • g
    yes, I was the one that added 
    closest
    support to hx-include and I deliberately left out 
    this
    because I thought it would never be needed... oops
  • m
    haven't seen the docs for quik yet, the article is pretty high level
  • m
    We'll see. I dunno, I like htmx
  • m
    but we are just a small group of misfits trying to make html work right
  • g
    on first impression it seems like more effort to learn than writing rpogressively enhanced components by hand
  • s
    Since everybody knows HTML, it makes sense to use HTML and extend it a little bit. Inventing a new universe has the benefit, that you can shape it the way you want it. But it has the drawback that you are alone in this universe. I like htmx, too.
  • s
    I looked at the code 
    querySelectorAllExt()
    gets used by 
    hx-include
    . Why not extend 
    querySelectorAllExt()
    to allow "this" for all callers of this method?
  • g
    yes
  • s
    I wrote a small patch: https://github.com/bigskysoftware/htmx/issues/536#issuecomment-867747995 But I have no clue how to add tests.
  • f
    But when using the example (https://htmx.org/examples/modal-bootstrap/) it becomes pretty difficult to hook into bootstrap's poorly named events. (since the content hasn't loaded). I think I can do a lot of it with 
    htmx.ajax
    though. Is there a good example of 
    htmx.ajax
    with a context object anywhere?
1...308309310...1146Latest