问题标签 [htmx]

我想使用 htmx hx-trigger="revealed"来实现无限滚动。

我将此 html 发送到浏览器。在这种情况下，Note-20 应该加载下一个音符（Note-19）：

该 URL/note/19/返回大致相同的 HTML：它包含 Note-19 的数据，最后它告诉浏览器在“已显示”时加载 Note-18。

这适用于第一个音符。但随后它停止了。

可能是什么原因？

更新

我创建了一个简单的演示应用程序来展示如何在 Django 中使用 htmx：django-htmx-fun

我想知道在输入中发送请求之前是否可以设置最少字符数？

介绍

经过大量试验和错误后，我想使用 HTMX 显示来自 django 后端的消息我最终得到了一个可行的解决方案，我想为任何寻找它的人留下 - 另外，请随时发布您的建议。不幸的是，除了 htmx-django 包中的一个小例子，几乎没有可用的教程材料。请务必查看示例，因为它涵盖了一些专门针对 django 用户的基础知识！

这个按钮应该替换一个<tr>但不知何故“hx-swap”确实替换了内部 HTML，而不是外部 HTML：

参见：hx-swap

我正在学习htmx的“网络上的 html 片段”方法。

我的 HTML 页面中有一个“父”标签，其中包含一个作为表单的子标签。

案例1：如果子表单被提交并且无效，那么我想重新显示子表单（hx-swap="outerHTML"）。这工作正常。

案例2：如果子表单被提交并且有效，那么我想重新刷新父表单。

我查看了hx-swap-oob，但这需要是从服务器发送到客户端的 HTML 的一个属性。

这是可能的，但是将属性放入父标签中有点脏。

有没有办法触发像oob这样的东西，但为什么是http-header？

我想使用hx-swap-oob替换现有页面“带外”的表格行。

在浏览器中：

从服务器到客户端：

但到目前为止，结果如下：

我猜hx-select当 htmx 从服务器获取此代码段时不会得到评估。

如何在带外交换一行？

在最近在一些简单的 HTMX 任务中取得成功之后，我想通过一个动态更新表的模态字段来扩展adamchainz django-htmx 示例。我不确定我是否返回了正确的东西，render ...但我的问题是，表格没有更新。只有当我点击重新加载时。

看法：

网址.py：

这是我index.html的表格：

我也有一个partial-rendering.html到位：

和一个_partial.html：

我不会在product_table.html这里发布全部内容，我想它是直截了当的......主要是：

表单中的数据通过 JS 收集并使用 AJAX 发送到 django。我没有使用正常的表单提交，因为我想避免页面重新加载（我知道这会解决这个问题）。

我确实尝试将上面提到的示例放在一起。除动态页面更新外，一切运行良好！

出于对它的热爱，我阅读了很多帖子（1、2 ...），但我仍然无法解决这个简单的问题：

我有一个按钮，它使用以下方式打开一个模式htmx：

我的模态看起来像这样并且完美地打开和运行：

在我页面的某个地方，我有一个<div id="modals-here"></div>. 在这个模式中，有一些我想验证的输入字段。为此，了解模式何时打开将非常有用。我试过了：

这是我base.html的（包括在内）：

我需要一种可靠的方法来确定我的模态是否/哪个处于活动状态。永远不会出现hello在控制台中。

我有一个非常简单的htmx示例，可以手动运行，但通过 Playwright 失败：

你可以在这里测试它：https ://thomas-guettler.de/htmx-snippets/load-fragment-via-hx-get.html

加载第二个按钮有效，但“重新加载父 OOB”失败。

可能是什么原因？

我尝试了以下方法在浏览器的语言环境中格式化日期：

但是，基于这个问题Document.write clears page似乎在文档流关闭后正在写入，从而打开一个新流并替换我页面上的内容。

使用 htmx 是否有推荐的方法将日期格式化为浏览器区域设置？

是否有一个 htmx 标签可以让我安全地执行这个 javascript？

这是我用来调用 htmx 的 html：

-吉姆