问题标签 [htmx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
50 浏览

django - 如何让用户在 Django 表单中动态添加一个新字段,而不是让他们在每次添加时附加整个表单?

forms.py 中

view.py中:

模板中:

现在,我想要实现的是让用户添加更多other字段,如果他other_desc/other_amount她需要在账单中填写更多详细信息。

我对这个概念相当陌生。我看过一些教程,其中导师主要使用 htmx 来实现这些事情,看起来很酷很容易,但他们所做的是在单击添加按钮时再次添加整个表单。我只希望用户能够只添加这两个字段而不是整个表单。我怎样才能做到这一点?我花了一整天的时间在互联网上寻找合适的解决方案,但没有找到。有没有办法使用 htmx 本身来做到这一点?或者其他可以帮助我度过难关的东西?提前致谢。

0 投票
3 回答
133 浏览

django - 如何检查当前请求是否来自 htmx

我正在使用 Django,有没有办法检查当前请求是否来自 HTMX

0 投票
3 回答
473 浏览

django - 无法使用 HTMX + Django 发送发布请求

我正在尝试使用 django + HTMX 创建一个 CRUD 页面,但无法发送 POST 请求。hx-post 发送 GET 请求而不是 POST 请求。

我的榜样如下:

我正在使用 Cripsy Forms 创建表单,如下所示

我在我的模板中使用这样的表格:

CDN 链接添加到 main.html 文件中。

我的理解是单击 ADD 按钮应该触发 POST 请求。但是发起了 GET 请求,这让我觉得 HTMX 部分根本不起作用

0 投票
1 回答
131 浏览

css - HTMX - 目标元素上的过渡

我最近一直在尝试使用 HTMX,但我似乎无法找到一种方法将过渡应用到目标元素。我有一个提交 GET 请求并返回表格的表单。

它基本上返回一个包含这样的表的 div:

div 的 CSS 如下:

现在,当我第一次加载页面时,css 转换工作,但是当我执行 AJAX 请求时没有任何反应。

我尝试将 style="opacity:0" 应用于表单,但显然它仅适用于表单而不适用于目标......

知道如何将过渡应用到目标元素吗?

0 投票
1 回答
64 浏览

django - 文件不在 request.FILES 但在 request.POST 我正在使用 htmx 发出 post 请求

我有输入片段,当满足条件时,我呈现给 html 页面,除了类型为文件的输入之外,一切都正常工作,我想在发生更改但文件对象不在 request.FILES 中时上传文件,它在 request.POST 现在我不介意它是 request.POST 但文件显示为'multiple': ['[object File]']

我的部分模板

我没有使用 django 表单渲染表单,因为要实现我正在寻找的动态性将很困难并且几乎不可能

request.POST QueryDict

追溯

0 投票
1 回答
225 浏览

python-3.x - htmx 和 django:显示成功/失败请求的反馈

因此,当使用 HTMX 将表单提交到我的 Django 后端时,我试图显示一条反馈消息,说“已添加”或“失败”。

基本上我现在拥有的是一个执行 hx-post 的表单,回复是一个div包含更新信息的表单,它与div.

问题是,如果表单或请求本身出现错误,列表将保持不变,但我希望它在resultdiv 中打印类似“错误”的内容。如果正确添加了新条目,我想在结果 div 中打印“成功”消息。

请注意,我不能将结果 div 作为 hx-post 响应 DOM 的一部分返回,因为连接可能会失败。所以不会显示失败消息。

如果有帮助的话,我也在使用 Alpine.js。

0 投票
1 回答
120 浏览

javascript - 如何使用 HTMX 实现重定向?

HTMX 很棒,并且在大多数东西上使用 AJAX 很棒!但有时我只需要一个真正的“物理”重定向到另一个页面。

任何想法如何在不开始编写自定义 JS 代码的情况下实现这一目标?

谢谢!

0 投票
1 回答
69 浏览

htmx - 如何导入 HTMX 变量?

我在一些动态生成的 DOM 元素上使用 HTMX 属性。如文档中所述,HTMX 不起作用,除非您调用htmx.process().

当我试图调用它时,我得到 - 正确 - 错误:

未捕获的 ReferenceError:未定义 htmx

知道如何导入这个 htmx 变量吗?不知道文档中的示例如何工作。

谢谢!

0 投票
1 回答
33 浏览

htmx - 如何处理 HTMX 中的嵌套属性

我的页面中有一个类似结构的表,每一行都有 data-hx-get 属性指向 django 返回该行详细信息的 url。但也在同一行中,我有一个编辑按钮,django 在其中返回该项目的编辑表单。我希望整行都是可点击的,当点击显示时,它会用详细信息替换自身,还有用表单替换行的编辑按钮。它适用于用户,但是当单击行内的编辑按钮时,在控制台中我得到htmx:swapError因为该行还接收点击事件并执行它应该做的事情。按钮上的事件优先,在行之前它会更改行的内容,当行得到响应时,页面中不再有相应的 data-hx-target。所以,我的问题是,有没有办法告诉 htmx,当嵌套元素有 data-hx-get 时,忽略父级的 hx 指令。

0 投票
0 回答
29 浏览

django - 在实例化时定义 Django ModelForm 类的字段

我希望我的网站用户在视图中快速调整模型对象的一个​​属性(使用 htmx)

(为了避免仅使用其他字段属性创建大量 ModelForms)这就是为什么我想创建一个 ModelForm ,我可以在视图函数中定义表单实例化时显示的表单字段,所需的字段将作为“字段列表”传递参数到视图函数中,有点像这样:

任何提示?