https://htmx.org logo
Powered by
# htmx-general
  • s
    Hi, I try to make every in a table to act like a form, but failed. Maybe you find a solution: https://stackoverflow.com/questions/65727309/htmx-how-to-make-each-row-behave-like-a-form
  • g
    does hx-include support 
    closest
    ?
  • m
    not currently :/
  • g
    that would be useful for this question
  • g
    other question: if you include a non-form element, will it include any form elements within it?
  • g
    nvm, doesn't seem so from the code screenshot
  • m
    but it should
  • m
    @User is struggling w/ something simliar
  • m
    where you want form like inclusion but can't really use a form.
  • m
    I answered the SO question
  • m
    best option I can come up with is https://stackoverflow.com/a/65727660/14288140
  • m
    Due to the way tables elements work, you can't really use a wrapping element here, so you have a unique ID per row and use that to identify the inputs for the row. You should be able to use the ID to generate a class on the inputs and then include them using the hx-include attribute:
    Copy code
    html
  <tr>
  <td><input class='row1-inputs' type="text" name="name"></td>
  <td><input class='row1-inputs' type="text" name="email"></td>
  <td><input hx-include='.row1-inputs' type="submit" value="Save"></td>
 </tr>
  • g
    the dream would be 
    hx-include="closest tr"
  • m
    yep
  • m
    Copy code
    html
 <tr>
  <td><input type="text" name="name"></td>
  <td><input type="text" name="email"></td>
  <td><button hx-post="/whatever" hx-include='closest tr' type="submit">Save</button></td>
 </tr>
  • m
    That will work eventually
  • m
    @User you want to take a crack at it?
  • g
    already on it :}
  • g
    that's a weird smiley
  • m
    it's a weird discord server, in a weird year
  • s
    Wow, you guys are amazing. Thank you for supporting 
    closest
    in the future!
  • s
    BTW, I would like to encourage other new comers to ask at Stackoverflow, since this helps other htmx new comers to find answers.
  • g
  • m
    ugh, sorry, I didn't bump the version number in dev. I just did and pushed it up. Can you re-apply the change? Sorry about that!
  • m
    Would you mind occasionally watching for git issues that should be on stack overflow and recommending that they post there? That would be very helpful!
  • g
    https://github.com/bigskysoftware/htmx/pull/334 << made a new pr with the changes on dev. took me a bit long since i'm a git noob
  • s
    you know what I like about htmx, three times I have been about to suggest a feature or had a question for this channel, but each time i read the docs more carefully and found a solution to my problem.
  • s
    might be great with some more fleshed out example patterns or links to sites using htmx to learn from, it can be hard to see the big picture from small snippets of code.
  • b
    Some of it is just a matter of gaining momentum. There are a few tutorials and whatnot online, and I think you'll see lots more soon. I'm working on a couple tutorials/examples of ways you can integrate HTMX with Django, and I'm sure I'm not the only one.
  • g
    Hey @sparse-musician-64201, any suggestions for examples that would be helpful? I’ve made a couple, and would be happy to make a few more. As the list of examples grows, the community will probably need to step in and help organize it somehow.
1...130131132...1146Latest