想象一个选项卡式面板。我对tab1中的数据进行了一些更改,并在执行过程中使用HTMX对tab1进行POST和交换内容。现在,tab1中可能有部分信息,当我更改它时,我还必须刷新tab2的内容。
我想象用hx-trigger="my-custom-event-when-tab-1-updates-the-special-place"
设置tab2。一切都很好。但现在我想通知HTMX在加载/交换tab1的特定部分后引发此事件。
我该怎么做?
或者,在这些情况下,有没有一种不同的方法更容易做到?
这基本上是一个处理UI中副作用的问题。是的,你做了一件事,但现在其他事情也需要发生。
最简单的方法是在返回选项卡1的内容时触发事件服务器端。您可以在htmx文档中找到更多信息:https://htmx.org/headers/hx-trigger/
您需要更改选项卡2上的触发器才能侦听my-custom-event-when-tab-1-updates-the-special-place from:body
。
另一种方法是使用htmx:afterSwap
事件。要做到这一点,您需要监听tab1上的事件,然后手动触发tab2上的事件。