问题标签 [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.
django - 如何让用户在 Django 表单中动态添加一个新字段,而不是让他们在每次添加时附加整个表单?
在forms.py 中:
在view.py中:
在模板中:
现在,我想要实现的是让用户添加更多other
字段,如果他other_desc
/other_amount
她需要在账单中填写更多详细信息。
我对这个概念相当陌生。我看过一些教程,其中导师主要使用 htmx 来实现这些事情,看起来很酷很容易,但他们所做的是在单击添加按钮时再次添加整个表单。我只希望用户能够只添加这两个字段而不是整个表单。我怎样才能做到这一点?我花了一整天的时间在互联网上寻找合适的解决方案,但没有找到。有没有办法使用 htmx 本身来做到这一点?或者其他可以帮助我度过难关的东西?提前致谢。
django - 如何检查当前请求是否来自 htmx
我正在使用 Django,有没有办法检查当前请求是否来自 HTMX
django - 无法使用 HTMX + Django 发送发布请求
我正在尝试使用 django + HTMX 创建一个 CRUD 页面,但无法发送 POST 请求。hx-post 发送 GET 请求而不是 POST 请求。
我的榜样如下:
我正在使用 Cripsy Forms 创建表单,如下所示
我在我的模板中使用这样的表格:
CDN 链接添加到 main.html 文件中。
我的理解是单击 ADD 按钮应该触发 POST 请求。但是发起了 GET 请求,这让我觉得 HTMX 部分根本不起作用
css - HTMX - 目标元素上的过渡
我最近一直在尝试使用 HTMX,但我似乎无法找到一种方法将过渡应用到目标元素。我有一个提交 GET 请求并返回表格的表单。
它基本上返回一个包含这样的表的 div:
div 的 CSS 如下:
现在,当我第一次加载页面时,css 转换工作,但是当我执行 AJAX 请求时没有任何反应。
我尝试将 style="opacity:0" 应用于表单,但显然它仅适用于表单而不适用于目标......
知道如何将过渡应用到目标元素吗?
django - 文件不在 request.FILES 但在 request.POST 我正在使用 htmx 发出 post 请求
我有输入片段,当满足条件时,我呈现给 html 页面,除了类型为文件的输入之外,一切都正常工作,我想在发生更改但文件对象不在 request.FILES 中时上传文件,它在 request.POST 现在我不介意它是 request.POST 但文件显示为'multiple': ['[object File]']
我的部分模板
我没有使用 django 表单渲染表单,因为要实现我正在寻找的动态性将很困难并且几乎不可能
request.POST QueryDict
追溯
python-3.x - htmx 和 django:显示成功/失败请求的反馈
因此,当使用 HTMX 将表单提交到我的 Django 后端时,我试图显示一条反馈消息,说“已添加”或“失败”。
基本上我现在拥有的是一个执行 hx-post 的表单,回复是一个div
包含更新信息的表单,它与div
.
问题是,如果表单或请求本身出现错误,列表将保持不变,但我希望它在result
div 中打印类似“错误”的内容。如果正确添加了新条目,我想在结果 div 中打印“成功”消息。
请注意,我不能将结果 div 作为 hx-post 响应 DOM 的一部分返回,因为连接可能会失败。所以不会显示失败消息。
如果有帮助的话,我也在使用 Alpine.js。
javascript - 如何使用 HTMX 实现重定向?
HTMX 很棒,并且在大多数东西上使用 AJAX 很棒!但有时我只需要一个真正的“物理”重定向到另一个页面。
任何想法如何在不开始编写自定义 JS 代码的情况下实现这一目标?
谢谢!
htmx - 如何导入 HTMX 变量?
我在一些动态生成的 DOM 元素上使用 HTMX 属性。如文档中所述,HTMX 不起作用,除非您调用htmx.process()
.
当我试图调用它时,我得到 - 正确 - 错误:
未捕获的 ReferenceError:未定义 htmx
知道如何导入这个 htmx 变量吗?不知道文档中的示例如何工作。
谢谢!
htmx - 如何处理 HTMX 中的嵌套属性
我的页面中有一个类似结构的表,每一行都有 data-hx-get 属性指向 django 返回该行详细信息的 url。但也在同一行中,我有一个编辑按钮,django 在其中返回该项目的编辑表单。我希望整行都是可点击的,当点击显示时,它会用详细信息替换自身,还有用表单替换行的编辑按钮。它适用于用户,但是当单击行内的编辑按钮时,在控制台中我得到htmx:swapError
因为该行还接收点击事件并执行它应该做的事情。按钮上的事件优先,在行之前它会更改行的内容,当行得到响应时,页面中不再有相应的 data-hx-target。所以,我的问题是,有没有办法告诉 htmx,当嵌套元素有 data-hx-get 时,忽略父级的 hx 指令。
django - 在实例化时定义 Django ModelForm 类的字段
我希望我的网站用户在视图中快速调整模型对象的一个属性(使用 htmx)
(为了避免仅使用其他字段属性创建大量 ModelForms)这就是为什么我想创建一个 ModelForm ,我可以在视图函数中定义表单实例化时显示的表单字段,所需的字段将作为“字段列表”传递参数到视图函数中,有点像这样:
任何提示?