加载后,HTMX触发自定义事件



想象一个选项卡式面板。我对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上的事件。

最新更新