主页 / coding / 问题 / 78320162
Accepted
Lars
Asked: 2024-04-13 17:37:53 +0800 CST

Django、htmx删除记录并更新

  • 772

所以我在部分 Django 模板中有一个列表。

<div class="col">
    <div class="row pb-2" id="rowcolor">
        <div class="col border-bottom">
            pk:{{ color.pk }} / name:{{ color.description|title }}
        </div>
        <div class="col-auto">
            <button hx-delete="{% url 'delete-color' pk=color.pk %}" hx-target="#rowcolor" hx-swap="outerHTML"
                class="btn btn-outline-secondary btn-sm float-end" type="button">Delete</button>
        </div>
    </div>
</div>

在此输入图像描述

删除 pk149/name3 时：pk147/name1 消失。

刷新的时候是正确的。PK：149 消失了。

视图如下所示：

@require_http_methods(["DELETE"])
def delete_color(request, pk):
    if request.htmx:
        Color.objects.get(pk=pk).delete()

        return HttpResponse("")

我一直在尝试阅读 htmx 文档。但是我不理解。谁能在这里指出正确的方向吗？

django

1 个回答

  1. Best Answer

    不要id为多个元素提供相同的内容：使项目唯一，例如通过向其添加主键：

    <div class="col">
    <div class="row pb-2" id="rowcolor{{ color.pk }}">
        <div class="col border-bottom">
            pk:{{ color.pk }} / name:{{ color.description|title }}
        </div>
        <div class="col-auto">
            <button hx-delete="{% url 'delete-color' pk=color.pk %}" hx-target="#rowcolor{{ color.pk }}" hx-swap="outerHTML"
                class="btn btn-outline-secondary btn-sm float-end" type="button">Delete</button>
        </div>
    </div>
</div>

    您可以使用以下方法稍微提高视图的效率：

    @require_http_methods(['DELETE'])
def delete_color(request, pk):
    if request.htmx:
        Color.objects.filter(pk=pk).delete()
        return HttpResponse('')
    • 1

相关问题