Du kanske vill köra lite JavaScript när ett inline-formulär läggs till eller tas bort i adminändringsformuläret. Händelserna formset:added och formset:removed tillåter detta. event.detail.formsetName är den formuläruppsättning som raden tillhör. För händelsen formset:added är event.target den nyligen tillagda raden.
I din anpassade mall change_form.html utökar du blocket admin_change_form_document_ready och lägger till koden för eventlyssnaren:
{% extends 'admin/change_form.html' %}\n{% load static %}\n\n{% block admin_change_form_document_ready %}\n{{ block.super }}\n<script src="{% static 'app/formset_handlers.js' %}"></script>\n{% endblock %}\napp/static/app/formset_handlers.jsdocument.addEventListener('formset:added', (event) => {\n if (event.detail.formsetName == 'author_set') {\n // Do something\n }\n});\ndocument.addEventListener('formset:removed', (event) => {\n // Row removed\n});\nTvå saker att tänka på:
\nJavaScript-koden måste placeras i ett mallblock om du ärver admin/change_form.html, annars kommer den inte att återges i den slutliga HTML-filen.
{{ block.super }} läggs till eftersom Djangos block admin_change_form_document_ready innehåller JavaScript-kod för att hantera olika operationer i ändringsformuläret och vi behöver att det också renderas.
Om din eventlyssnare fortfarande måste stödja äldre versioner av Django måste du använda jQuery för att registrera din eventlyssnare. jQuery hanterar JavaScript-händelser men det omvända är inte sant.
\nDu kan kontrollera om det finns event.detail.formsetName och återgå till den gamla lyssnarsignaturen på följande sätt:
function handleFormsetAdded(row, formsetName) {\n // Do something\n}\n\n$(document).on('formset:added', (event, $row, formsetName) => {\n if (event.detail && event.detail.formsetName) {\n // Django >= 4.1\n handleFormsetAdded(event.target, event.detail.formsetName)\n } else {\n // Django < 4.1, use $row and formsetName\n handleFormsetAdded($row.get(0), formsetName)\n }\n})\n