You may want to execute some JavaScript when an inline form is added or removed\nin the admin change form. The formset:added and formset:removed jQuery\nevents allow this. The event handler is passed three arguments:
event is the jQuery event.
$row is the newly added (or removed) row.
formsetName is the formset the row belongs to.
The event is fired using the django.jQuery namespace.
\nIn your custom change_form.html template, extend the\nadmin_change_form_document_ready block and add the event listener code:
{% extends 'admin/change_form.html' %}\n{% load static %}\n\n{% block admin_change_form_document_ready %}\n{{ block.super }}\n<script type="text/javascript" src="{% static 'app/formset_handlers.js' %}"></script>\n{% endblock %}\napp/static/app/formset_handlers.js(function($) {\n $(document).on('formset:added', function(event, $row, formsetName) {\n if (formsetName == 'author_set') {\n // Do something\n }\n });\n\n $(document).on('formset:removed', function(event, $row, formsetName) {\n // Row removed\n });\n})(django.jQuery);\nTwo points to keep in mind:
\nThe JavaScript code must go in a template block if you are inheriting\nadmin/change_form.html or it won't be rendered in the final HTML.
{{ block.super }} is added because Django's\nadmin_change_form_document_ready block contains JavaScript code to handle\nvarious operations in the change form and we need that to be rendered too.
Sometimes you'll need to work with jQuery plugins that are not registered\nin the django.jQuery namespace. To do that, simply change how the code\nlistens for events. Instead of wrapping the listener in the django.jQuery\nnamespace, just listen to the event triggered from there. For example:
{% extends 'admin/change_form.html' %}\n{% load static %}\n\n{% block admin_change_form_document_ready %}\n{{ block.super }}\n<script type="text/javascript" src="{% static 'app/unregistered_handlers.js' %}"></script>\n{% endblock %}\napp/static/app/unregistered_handlers.jsdjango.jQuery(document).on('formset:added', function(event, $row, formsetName) {\n // Row added\n});\n\ndjango.jQuery(document).on('formset:removed', function(event, $row, formsetName) {\n // Row removed\n});\n