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

django - 表单未在 Django 中绑定

我正在尝试将 Django 与 htmx 集成。我想在表格中呈现表格。但是当我输入一些数据并提交时,它说表单没有绑定。
这是视图:

这是将在表格中呈现的模板:

0 投票
0 回答
64 浏览

htmx - 有没有办法让 hx-trigger 依赖于选定的值?

我有一个有多个选项的盒子。对于某些选项,我需要显示另一个选择,但不需要显示其他选项。

hx-trigger 中是否有某种方式仅根据所选选项的值执行触发?

0 投票
2 回答
498 浏览

htmx - 使用 HTMX 处理错误

我有一个很大的列表#big_list,我希望我#form在提交时只附加一行。

如何使用 htmx,我可以处理错误并显示消息#errors吗?

0 投票
2 回答
108 浏览

javascript - 如何使用 jQuery 处理 2 次不同的 div 点击并从属性数据中获取值?

我有一个自动完成功能。当我单击其中一个列表时,它将影响下拉列表的禁用/启用条件。

其结构如下。我有带有 id 的 div,#select-ac这是主要的触发器。.table-autocomplete-value但我也有一个包含一些属性数据的自动完成列表的触发器。我想当我点击时table-autocomplete-value,我会得到属性的值key但是从我制作的代码中,我没有得到属性 key 的值

*但是我想要jQuery中#select-ac中的那个元素。谁能帮我?

0 投票
1 回答
53 浏览

htmx - 如何使用 HTMX 为所有请求配置基本 url?

给定文档中的示例

我想更改<scheme>://<netloc>/clicked<scheme>://<netloc>/api/v1/clicked,所以/api/v1添加到基本 URL 中,以便所有请求都使用此版本。怎么做?

0 投票
1 回答
45 浏览

python - 如何使用 htmx 在 django 中进行不区分大小写的主动搜索

我得到了可以进行主动搜索的代码。我让它工作,但问题是它不能很好地搜索。如果它是一个小写字母并且您输入大写字母,它将无法识别。它区分大小写。我怎样才能让它不区分大小写???

0 投票
0 回答
72 浏览

redis - Django Compressor 应用时返回错误

我一直在用 htmx 实现这个主动搜索。我更改了设置,之后我的应用无法在此处运行是我设置的一部分

我已经compressor添加到我安装的应用程序中

这就是我在我的libman应用程序管理员中所拥有的。

当我将这两个应用到我的基本文件时,我得到了一个错误。

我得到了下面的错误。有人可以帮我调试吗??

在处理上述异常的过程中,又出现了一个异常:

0 投票
1 回答
280 浏览

python - how to sort a queryset using django and htmx?

i'm using django-filter to apply filters, and on the new queryset i want to make an htmx request sort that depend on select tag change the new queryset sorting, here is my view:

views.py

and here is my html snippet where i made the htmx request

why this doesn't work at all ? how to make a simple htmx form call on select option change ?

0 投票
2 回答
260 浏览

htmx - htmx:afterSettle 不能与 hx-trigger 一起使用

此代码不会触发交换事件,即使我可以看到 afterSettle 事件正在控制台中触发。

这可行,但当然会永远循环,其中:

我可以从 htmx.logAll() 看到 htmx:afterSettle 甚至正在触发,它只是没有触发上述元素。也尝试过 htmx:afterSwap,它也是由 logAll() 记录的

我正在尝试在换出表单后重新加载图库(表单位于此父产品图库 div 中)。我希望我可以通过添加一个 from 约束来实现:

结构是:

更新 - 它有效!遵循来自https://htmx.org/examples/update-other-content/的解决方案 3 :我在表单更新视图中的响应中添加了一个标题:

然后我在画廊 div 中监听这个事件:

我保留的一点 js 是在表单有效时关闭表单:

0 投票
1 回答
334 浏览

htmx - 如何在 HTMX 中重新加载页面刷新时的所有部分

我正在尝试 HTMX 库,到目前为止我非常喜欢它。我无法完全理解的事情是处理整页重新加载。

链接

它非常好,因为它将内容加载到我需要的 div 中,并将 /#/link 应用到我的 url 栏和浏览器历史记录中。

但是,当我在任何 url /#/profile 或 /#/feed 上重新加载页面时,页面会重新加载到其默认状态,不包括 /#/profile 或 /#/feed 页面上指定的内容。

如果我只使用 /profile 或 /feed 的 url,我会得到预期的 404 错误。

一切都很棒,我做错了吗?