问题标签 [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 投票
2 回答
73 浏览

htmx - HTMX:禁用子节点上的点击事件

我有以下 div 并希望在单击 id="child" 时它不应该执行对“/modal/closed”的获取并且不替换 id="modal"。也就是说,不做任何与 HTMX 相关的事情。

现在我使用触发器“点击消费”让它工作,但需要指定一个 hx-get 到一个不返回任何内容的 HTTP 路径(/nop)。

有没有更清洁的方法来做到这一点?

0 投票
1 回答
99 浏览

javascript - Django 和 HTMX 我正在寻找不是“hacky”的方式来更新调用 HTMX 请求的链接类。像“刷新自我”或类似的东西

我在 Django 中遇到了 HTMX 的问题。我基本上在页面上有两个重要的组件。单击类别后显示的类别和内容列表。

我在“开箱即用”的标准 htmx 上工作得很好。但是,当我想active在单击类别链接后添加 css 类(以向用户显示他当前所在的位置)时,我开始遇到问题。

我做了很多实验,hx-swap-oobhx-swap唯一有效的是:

(这是代码中最相关的部分)

并在manual_entries_list.html

每个类别在 django 模板代码中都有简单的 if 语句,用于检查它是否被选中(基于 url 路径。)

它正在工作,事情是,在第一次请求时,类别被渲染两次(这是合乎逻辑的,因为我在同一个 HTML 上有 2 个包含)。在我选择一个类别后,一切都会恢复正常,因为 HTMX “开始了解正在发生的事情”并将类别从manual_entries_list.html我们的主页切换。

就像我说的那样,我修改manual_entries_list.html为:

所以它总是不可见的(所以我只有一组可见的类别)。

问题是,这是一个明显的黑客攻击。我确信需要有更好的方法来解决这个问题,但我找不到它。

(我什至尝试使用普通的 javascript 来实现,原因是类别是在 for 循环中呈现的,因此几乎不可能正确获取 ID 等。)

有人可以帮我吗?

0 投票
0 回答
46 浏览

html - django html:复制表单输入数据并显示在另一个页面中

我正在尝试开发一个送货服务网站,用户可以在其中输入取货和送货地址并在线获取价格。如果价格合适,用户可以点击“下订单”按钮,该按钮将导航到另一个新页面,供用户填写附加信息,重要的是之前输入的提货和送货地址以及价格需要自动显示在某处新页面。

我是 django 和 html 的新手,我试图创建一个更简单的页面来实现相同的目的。现在我可以完成表单填写的第一部分,后端根据用户输入计算并返回计算结果(例如价格)。现在,我想知道如何“导航到另一个将显示两个输入值和计算结果的新页面”

主要的html:

子html:

视图.py:

0 投票
1 回答
57 浏览

django - 如何在 django 中保存多个动态创建的表单

我正在尝试创建一个页面,用户可以在其中输入与多个模型相对应的各种数据,并可以选择动态添加其他表单。我一直在尝试为此使用 htmx 并且能够动态添加表单,但是当我保存它时,它只是保存的最后输入的表单。我没有使用表单集,因为它不能很好地与 htmx https://justdjango.com/blog/dynamic-forms-in-django-htmx#django-formsets-vs-htmx集成。

任何关于如何保存所有动态创建的表单的建议下方的代码将不胜感激!

模型.py

表格.py

视图.py

网址.py

create_book.html

部分/book_form.html

0 投票
0 回答
84 浏览

charts - HTMX 和图表 JS

我想知道是否可以向包含 chartJS 画布的 html 块发出 htmx get 请求。我有一段 html,其中包含使用 Chart JS 生成的画布,该画布使用 HTMX 获取请求进行调用,但是一旦获取请求完成,我将无法生成图表。

我已将图表 js 的所有依赖项放在主 html 中,但它不起作用。我还尝试将所有依赖项放在由 HTMX GET 请求调用的 html 片段中,但它也不起作用。

可能吗?

这是我到目前为止所拥有的:

原来的

和我试图获取的画布:

0 投票
1 回答
36 浏览

htmx - HTMX - window.location.href 返回之前的 URL 链接

我正在尝试访问我的项目中的当前 URL,但它只返回以前的 URL。

这是我所拥有的:

知道如何在发出 HTMX 请求后获取当前 URL?

0 投票
1 回答
93 浏览

django - HTMX 解析 JSON 响应问题

我有一个页面将一些数据发布到 Django 后端并返回 JSON 响应。我在使用模板解析它时遇到问题。任何帮助,将不胜感激。先感谢您。

JSON:

0 投票
1 回答
35 浏览

bootbox - 将 HTMX 与 bootbox.js 相结合

我发现了这个有趣的结合示例htmxsweetalert2https: //htmx.org/examples/confirm/

我尝试了一下让它启动并运行,bootbox.js但我没有得到任何回复:

知道我可能做错了什么吗?

谢谢!

0 投票
1 回答
65 浏览

python - 使用 HTMX 触发器在页面加载时提交表单会中断后续提交

我有一个小型 Flask 应用程序,它处理表单输入并使用 HTMX 在同一页面上显示结果。当页面加载时,默认表单值用于计算结果。这是hx-trigger="load"在表格上完成的。但如果新值输入到表单并提交,则结果不会更新。如果我hx-trigger="load"从表单中删除,一切正常,但在页面首次加载时表单不会被提交。如何在页面加载时使用 HTMX 提交表单以及单击“提交”按钮时提交表单?

烧瓶app.py如下所示。

index.html模板如下所示。

results.html模板如下所示。

0 投票
0 回答
23 浏览

html - 使用 django 在线定价/订购网站:在提交表单后显示/显示按钮

我正在开发一个在线定价/订购网站。用户输入一些所需的数据并点击“获取价格”后,表单被提交,页面将在页面底部显示价格(目前实现如下演示代码所示)。

接下来,我希望页面在价格右侧也显示一个名为“立即订购”的按钮。如果用户点击它,页面将导航到另一个页面,用户可以在其中输入更多的订单信息数据,并自动显示上一页中显示的价格和其他已输入的数据。

主要的html:

子html:

视图.py: