HTMX может срабатывать без атрибутов, например, hx-post-get-put...?
У меня есть форма, как показано ниже. если в форме нажать "Cancel Request", элемент формы "delete__product" будет уничтожен. моя проблема в том, что HTMX не может работать без (я надеюсь, что нет) процесса типа hx-post-get.... есть ли решение для этого?
<form method="post" id="delete__product">
{% csrf_token %}
<p>Are you sure you want to delete ""?</p>
<button href="javascript:void(1)" hx-trigger="click" hx-target="#delete__product">
Cancel Request
</button>
<button hx-post="{% url 'catalog:DeleteProduct' product.pk %}" hx-target="#delete__product">
Delete
</button>
</form>
В документации к hx-trigger
сказано:
hx-trigger можно использовать без AJAX-запроса, в этом случае он будет вызывать только событие htmx:trigger
.
Вместо hx-trigger="click"
, возможно, hx-on:click="..." и встроенный JS, используя встроенный API.
<button href="javascript:void(1)" hx-on:click="htmx.remove(htmx.find('#delete__product'))" />
Несмотря на то, что это не документировано, я думаю, что эта более короткая версия также будет работать:
<button href="javascript:void(1)" hx-on:click="htmx.remove('#delete__product')" />
Самый короткий:
<button href="javascript:void(1)" onclick="htmx.remove('#delete__product')" />