https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • h
    what would it do - default to using nanomorph and attempt to keep current state of the dom?
  • h
    or blow away things that are different but keep global state?
  • h
    or just more generally - what's the most intuitive behavior for a generic swap?
  • m
    All excellent questions answers for which we look forward to!
  • h
    o7
  • a
    Quick question, with htmx can I put the trigger and get in the parent tag?
  • a
    So that the trigger will trigger of something happening in the child?
  • b
    No, neither are inherited AFAIK
  • l
    I've got 2 filter forms on a page, that both replace parts of the page. The backend pushes URLs so that I get proper history. However both forms shall include all GET parameters currently in the URL bar, not only the own ones that are set through the element. Is there an easy way to do that with HTMX?
  • l
    Solved it. 😄 I can just include the values from the other form by adding 
    hx-include="section.other [name]"
    . Jez, I love HTMX.
  • a
    Hey guys I just want to ask one more time, because I'm new at this, and I want to be sure before giving up.
  • a
    If I have a page with a table like this:
  • a
    Copy code
    html
<table>
  <tr>
    <td>
      <select name="1" hx-trigger="" hx-get="" hx-target="other td">
        Bunch of options
      </select>
    </td>
    <td>
      <select name="2"></select>
    </td>
  </tr>
</table>
  • a
    I want the selection of the td 1 to trigger the htmx and replace td2
  • a
    I don't think I can replace the whole table row, because the rest of the row has other forms that also might be updated by the user
  • b
    Is this what you're looking for: https://htmx.org/examples/value-select/
  • l
    👆 this... The example there shows the target as an ID, which is what I've always done (i.e., 
    <td id="theOtherCell">
    and 
    hx-target="#theOtherCell"
    ). I haven't played with the relative targets much, but if you have control over the HTML and only one row in this scenario, going with IDs will fix it.
  • a
    Ah yes sorry, I forgot to elaborate. That code does work, but the problem is it relies on the name of the id.
  • a
    I can't hardcode the name of the id because these form fields (and their html) are being automatically generated (django model form), and I'm re-using the code in many places. @brave-dog-98297 @late-king-98305 .
  • b
    I find django model forms to be ok, but I always end up making my own using html and booptstrap. You get more control over what you call stuff and what goes into it. ID's etc.
  • l
    It's still a few hours before the Mountain Time guys are on here; have you tried 
    next td
    or 
    nearest td
    on the target? The docs don't say that should work, but I know there's been a lot of work put into that sort of thing to make scenarios like this "just work". (assuming you get the incantation right - LOL)
  • c
    Possible to use PKs of the entries as identifier? Otherwise you may use the current loop count. Anything like that
  • c
    {{forloop.counter}} Assuming you are using a for loop
  • a
    yeah the id's are all formulaic.
  • a
    I want the select with the id "id_matches-0-theirdeck" to target the tr with the id "matches-0-theirDeck"
  • a
    and then "id_matches-1-theirdeck" targets "matches-1-theirDeck"
  • a
    etc
  • a
    and I guess that number is ({{forloop.counter}} -1)
  • c
    pk is most likely cleaner.
  • a
    what's pk?
1...724725726...1146Latest