问题标签 [htmx]

我正在尝试使用 HTMX 库使锚标记更新我网页的一部分。我开始制作我的锚标签。正在执行 GET 请求，但是 html 交换失败。不是交换目标元素的内容，而是将整个结果显示在视口中。我该如何解决这个问题，以便当我单击我的锚标记时，响应的内容会在具有生成器 ID 的元素中交换？

我有一个主页（OnlinePricing.html）作为用户输入一些信息的表单。输入一些需要的信息后，如果用户点击“获取Pice”按钮，价格将显示在底部页面（这里我使用htmx部分刷新主页）。

如果用户单击“立即订购”按钮，则需要重定向到路径为“homepage/order/”的名为 CreateOrder.html 的新页面，其中价格将显示在此新页面中。

以下是完整代码。当前的问题与veiws.py中CreateOrder的功能有关。当点击“立即订购”时，页面重定向但有一些错误信息：

#views.py

#urls.py

#主页 HTML

#CreateOrder.html

我的网站\urls.py

我有一些动态创建的表单字段，用于在 htmx:configRequest 中为 htmx hx-get 请求设置参数：

在遍历我的输入时，如果其中任何一个为空，我想中止请求并提醒用户。我试过打电话

但我只是收到错误“未捕获的 TypeError：evt.detail.xhr 未定义。有谁知道该怎么做？

我有两种看法。

LOGIN_URL我希望索引页面是“公共的”，但如果用户采取行动（触发部分视图） ，如果没有登录，他们应该被重定向到。

问题是我的部分视图将返回整个LOGIN_URL页面。所以现在页面中有一个页面。

使用部分视图时是否可以重定向“父”页面？

我正在使用 HTMX，并创建了一个加载指示器。指标被触发，一切都按预期工作，除了一件事。

指示器显示在我的内容上方，而不是隐藏/替换它。这看起来真的很糟糕，我正在努力解决这个问题 - 没有任何运气。

这是我的 HTML 代码：

我试图抓住这个事件，但这 a) 不起作用并且 b) 感觉超级 hacky：

有什么想法我做错了吗？我不可能是第一个为此挣扎的人，对吧？

编辑：

API 将返回如下内容：

这是我的加载器CSS：

谢谢！

我正在使用 htmx 使用以下代码触发 Django ModelForm 中的字段。一切都像第一次那样工作，但在那之后，当您更改选项选择字段时，什么都没有发生，也没有任何触发器。我必须重置并返回到 url 'listing' 才能再次响应。我希望代码在我最终提交之前每次更改选项选择字段时触发结果。任何帮助都将不胜感激。

我有下一个片段。有几个选择块。我想做的是收集这两个变量并发送到 Django 服务器。但是request.GET是空的。怎么了？

但是当我单击按钮时，Django 后端不会收到foo和bar参数。

有什么想法吗？

我一直在使用 HTMX，与可怕的表单集和 Javascript 相比，它非常酷。我有它的工作......我唯一的问题是当用户在任何地方更新表单时......您必须手动刷新页面以重置待办事项列表。我的问题与这个相同... https://stackoverflow.com/questions/66664407/dynamically-update-table-when-creating-new-enty-using-htmx 但没有列出解决方案.....

这是我的代码的快速概述...

我的观点...

部分详细视图....

部分 todo 形式....

我的主要创建表单html ..

经过一天的玩耍和拉扯我的头发……一切都按我的意愿工作……我只需要弄清楚如果有任何变化，如何合并动态页面加载，以便重新加载整个页面……这样记录根据我的号码字段排序...

提前感谢您的任何想法或建议。

出于某种奇怪的原因，当 hx-POSTing 到 /word-search/ 时，我的表单没有被清理。这导致搜索不返回结果，尽管它实际上存在于数据库中。

形式：

看法：

我有一个使用Htmx显示散景图的 Flask 应用程序。该图使用来自表单输入的 x 和 y 值。每次提交表单时，都会重新绘制整个散景图，从而创建一个新的图。我宁愿只用新的 x 和 y 值更新散景图，而不是创建新的绘图图。Bokeh 有一个ColumnDataSource，它似乎提供了一种更新数据的方法，而不是创建一个全新的绘图图。所以我的问题是，如何将它ColumnDataSource与 Htmx 一起使用来更新绘图数据？

HTML 模板如下所示。