如何使用 Django DeleteView 的 bootbox？

Question

我正在使用 Django DeleteView 删除对象。首先，我实现了删除添加确认对话框重定向另一个 html 页面。现在，我想添加 bootbox 弹出窗口。但我不明白在哪里添加代码。请帮忙

models.py

class Review(models.Model):
  review_description = models.TextField(max_length=500)
  user = models.ForeignKey(settings.AUTH_USER_MODEL, default=1)
  book = models.ForeignKey(Book, on_delete=models.CASCADE)
  updated = models.DateTimeField(auto_now=True, auto_now_add=False)
  timestamp = models.DateTimeField(auto_now=False, auto_now_add=True)

views.py

class ReviewDelete(DeleteView):
  model = Review
  template_name = "confirm_delete.html"

  def get_success_url(self, *args, **kwargs):
    review = get_object_or_404(Review, pk=self.kwargs['pk'])
    return reverse("books:detail", args = (review.book.id,))

confirm_delete.html

{% extends "base.html" %}
{% block content %}
<h1>Delete</h1>
<p>Are you sure you want to delete {{ review }}?</p>
<form action="{% url "delete" pk=review.id %}" method="POST">
  {% csrf_token %}
  <input type="submit" value="Yes, delete." />
  <a href="{% url "books:detail"  id=review.book.id %}">No, cancel.</a>
</form>
{% endblock %}

book_details.html

<a href="{% url "delete" pk=review.id %}" class="badge badge-danger">Delete</a>
{# <a href="{% url "delete" pk=review.id %}" class="badge badge-danger">Delete</a>#}

base.html

<script type="text/javascript">
    $(document).ready(function () {
        $("#review-delete-btn").click(function (event) {
            event.preventDefault();
            bootbox.confirm({
                title: "Destroy planet?",
                message: "Do you want to delete? This cannot be undone.",
                buttons: {
                    cancel: {
                        label: '<i class="fa fa-times"></i> Cancel'
                    },
                    confirm: {
                        label: '<i class="fa fa-check"></i> Confirm'
                    }
                },
                callback: function (result) {
                    console.log('This was logged in the callback: ' + result);
                }
            });
        });
    });
</script>

urls.py

url(r'^reviews/(?P<pk>\d+)/delete/$', ReviewDelete.as_view(), name='delete'),

Answer 1

假设您的服务器页面在完成删除时不执行重定向，您只需要添加一个 AJAX 调用到确认回调。像这样：

<script>
    $(function () {
        $("#review-delete-btn").on('click', function (event) {
            event.preventDefault();

            // for referencing this later in this function
            var _button = $(this);

            bootbox.confirm({
                title: "Destroy planet?",
                message: "Do you want to delete? This cannot be undone.",
                buttons: {
                    cancel: {
                        label: '<i class="fa fa-times"></i> Cancel'
                    },
                    confirm: {
                        label: '<i class="fa fa-check"></i> Confirm'
                    }
                },
                callback: function (result) {
                    // result will be a Boolean value
                    if(result){
                        // this encodes the form data
                        var data = _button.closest('form').serialize();

                        $.post('your delete URL here', data).
                            done(function(response, status, jqxhr){
                                // status code 200 response
                            })
                            .fail(function(jqxhr, status, errorThrown){
                                // any other status code, including 30x (redirects)
                            });
                    }
                }
            });
        });
    });
</script>

您可能想要查看 $.post and serialize. I would also recommend working your way through the AJAX 个主题的文档 - $.post 是 $.ajax 的一种便捷方法，因此您应该知道如何使用两者。

如何使用 Django DeleteView 的 bootbox？

How to use bootbox for Django DeleteView?

python

django

bootbox