python
class DeleteListView(SingleObjectMixin, ListView):

    def delete(self, request, *args, **kwargs):
        """Add delete logic (without redirection) to ListView get method"""
        self.object = self.get_object()
        self.object.delete()
        return super().get(self, request, *args, **kwargs)

DeleteView

get

put

delete

python
class RefreshTableMixin:
    """Fire an HX-Trigger event to be handled client side, to indicate that a table need to be refreshed.
    """

    def build_response(self, request, *args, **kwargs):
        response = super().build_response(self, request, *args, **kwargs)
        trigger_client_event(response, name=REFRESH_TABLE_EVENT, params=None)
        return response


class EmptyResponse:
    def build_response(self, request, *args, **kwargs):
        return HttpResponse("")


class HTMXDeleteView(RefreshTableMixin, EmptyResponse, DeleteView):
    """Delete View with empty response and no redirection
    Add a custom event to be used client-side with HTMX.
    """

    def delete(self, request, *args, **kwargs):
        self.object = self.get_object()
        self.object.delete()
        response = self.build_response(request)

        return response

html
        <button
          ...
          _="on refreshTableEvent remove .modal-open from #{@data-modal-content}"
          data-modal-content="modal-delete-{{record.pk}}-content"
        >
          Delete
        </button>

onclick

<div>

python
import secrets
from django_htmx.http import trigger_client_event

class MessageMixin:
    """Provide a way to add a formatable message (like toast) to a class based view, using attributes. Kwargs can be added to format message with dynamic data.
    An HX-Trigger event is fired to be handled client-side.
    """

    message: str | None = None
    message_level: str | None = None
    message_kwargs: dict = {}

    def build_response(self, request, *args, **kwargs):
        response = super().build_response(self, request, *args, **kwargs)

        trigger_client_event(
            response,
            name="showMessage",
            params=dict(
                level=self.message_level,
                message=self.message.format(**self.message_kwargs),
                randomId=secrets.token_urlsafe(nbytes=5),  # allow to handle multiple toasts concurrenly
            ),
        )

        return response

html
{# Toast template used to create actual toasts with render hyperscript method #}
<template id="toast-template">
  <div
    id="toast-${randomId}"
    class="alert alert-${level} shadow-lg mb-3"
    _="init
      wait 2s
      transition my opacity to 0
      remove me"
  >

    <span>${message}</span>
    <button
      _="on click remove #toast-${randomId}"
      class="btn btn-xs btn-circle">
      ✕
    </button>
  </template>

  {# Toaster (toasts wrapper) #}
  <div
    class="z-20 fixed bottom-4 right-8 ml-8"
    _="on showMessage(message,level,randomId) from body
      render #toast-template with (message: message, level: level, randomId: randomId)
      then put it at the end of me"
  >
  </div>

hx-target

HX-Redirect

python
class HttpResponseClientRedirect(HttpResponseRedirectBase):
    status_code = 200

    def __init__(self, redirect_to: str, *args: Any, **kwargs: Any) -> None:
        super().__init__(redirect_to, *args, **kwargs)
        self["HX-Redirect"] = self["Location"]
        del self["Location"]

django
<input
  id="search-field"
  type="search"
  name="search" {# this creates the 'search' GET query paramater #}
  hx-get="{% querystring %}" {# current URL with existing query parameters - search param will be added automatically #} 
  hx-trigger="keyup changed delay:500ms, search"
  hx-target="#table-container"
  hx-swap="outerHTML"
  hx-push-url="true"
>

querystring

hx-get="?sort=title"

?sort=title&search=foo

hx-get="?"

<input>

{% querystring %}

http://localhost:8000/objects

<input>

class RoleUpdateView(UpdateView):
    model = Role
    form_class = RoleForm
    template_name = "partials/role-form.html"

    def post(self, request, pk):
        return super().post(request)

HX-Trigger

python
def my_view(request):
  response = HttpResponse(status=204)
  response['HX-Trigger'] = 'myCustomEvent'
  return response

def html_response(request):
  response = render(request, 'my_templage.html', {'context': ''})
  response['HX-Trigger'] = 'myCustomEvent'
  return response

_="on click
             call Swal.fire({title: 'Confirm', text:'Do you want to continue?'})
             if result.isConfirmed trigger confirmed">