Modal Create/Update example about django-htmx

[adamchainz]

there is no way to send a "name" attribute via hx-get in a button to the view

You can use hx-vals to send extra query params: https://htmx.org/attributes/hx-vals/

But a second view is the right approach!

i used the DRF API to POST new products into the database

Just make a normal view that returns HTMl. That's what HTMX is looking for and it can still use it without a page reload. There's no need to use JSON.

As a design pattern I try to avoid modals. I prefer placing standalone forms on their own pages so they have their own URL's, obey the forwards/back buttons, etc. Because of this, and how good the htmx modal page is, I'll skip adding an example here.

Hope that helps,

Adam

[xtlc]

Thanks about the reassurance with the second view.

Tried to get it working with a second template view, but I struggle to update the htmx part:

class CreateProductView(TemplateView):
    def get(self, request, *args, **kwargs):
        return render(request, "app/product_create.html", {'form': ProductForm})
    
    def post(self, request):
        Product.objects.create(...)
        return render(request, "app/index.html")

this way I can post data without using the DRF, but I still do not see immediately the updates posted.

[adamchainz]

Your response contains HTML, so if it's working then htmx can place that HTML in the DOM. Try debugging with your browser's devtools to see what happens in the network/DOM tabs. Also you can try the htmx debug mode: https://htmx.org/docs/#debugging