首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HTMX:如何动态更新hx-删除url?

HTMX:如何动态更新hx-删除url?
EN

Stack Overflow用户
提问于 2022-07-28 10:55:44
回答 1查看 235关注 0票数 1

为了建立一个模式来确认一个删除动作,我尝试动态设置一个删除url,使用超文本。以下是(部分)代码:

代码语言:javascript
复制
<!-- open the modal and set the (Django) delete url -->
<button
  _="on click set @hx-delete of #confirm_delete_button to '{% url view_name record.pk %}'">

<!-- the delete confirmation button -->
<button
  id="confirm_delete_button"
  hx-delete="to_be_set_later_by_hyperscript"
  hx-trigger="click"
  hx-target="body" {# TODO: change #}
  hx-swap="delete">
   Delete
</button>

起初,一切似乎都如预期的那样工作,因为我可以在检查器中看到正确的删除url:

但是,单击该按钮时,我得到了一个Not Found: /to_be_set_later_by_hyperscript错误,表明即使设置了属性,HTMX也使用“旧”url。

我该怎么办?谢谢。

EN

回答 1

Stack Overflow用户

发布于 2022-07-29 05:31:07

不知道为什么它不适用于“集合”,但以下几点对我来说是有效的:

代码语言:javascript
复制
<button
    _="on click add [@hx-delete={% url view_name record.pk %}] to #confirm_delete_button">
    Open
</button>

<!-- the delete confirmation button -->
<button
  id="confirm_delete_button"
  hx-delete=""
  hx-trigger="click"
  hx-target="body"
  hx-swap="delete">
     Delete
</button>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73151686

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档