Is there an event or other way to call the Javascript function when the Django Admin Popup (green plus sign) completes?

Question

Suppose we have these Django models:

class Band(models.Model):
    name = models.CharField(max_length=256, default="Eagles of Death Metal")

class Song(models.Model):
    band = models.ForeignKey(Band)

When using an administrator to manage these models, the field bandis associated with the Widgetone displayed by Django as an selecthtml element .

Django admin also adds a green plus icon next to it select, when clicked, a popup window opens where the user is provided Formto add a new range. When you click the save button in this pop-up window, the new group name is saved in the database and is automatically assigned to the value select.

---

We rely on some javascript that will run every time the value changes select. He is currently listening to the event of the changespecified item, which works fine when the user clicks the value directly in the menu offered select.

Unfortunately, when this one is selectpopulated through the Admin popup function, it seems that the event is changenot fired for select, since our callback is not executed, even if the value of the element is actually changed.

Is there any other event that we can listen to get the same behavior than when the user clicks a value directly from the list?

Answer 1

Javascript , , / admin Django .

Django 1.7, .

- JS- Django - , , . - , .

/*
 * Trigger change events when Django admin popup window is dismissed
 */
(function($) {
    $(document).ready(function() {

        // HACK to override `dismissRelatedLookupPopup()` and
        // `dismissAddAnotherPopup()` in Django RelatedObjectLookups.js to
        // trigger change event when an ID is selected or added via popup.
        function triggerChangeOnField(win, chosenId) {
            var name = windowname_to_id(win.name);
            var elem = document.getElementById(name);
            $(elem).change();
        }

        window.ORIGINAL_dismissRelatedLookupPopup = window.dismissRelatedLookupPopup
        window.dismissRelatedLookupPopup = function(win, chosenId) {
            ORIGINAL_dismissRelatedLookupPopup(win, chosenId);
            triggerChangeOnField(win, chosenId);
        }

        window.ORIGINAL_dismissAddAnotherPopup = window.dismissAddAnotherPopup
        window.dismissAddAnotherPopup = function(win, chosenId) {
            ORIGINAL_dismissAddAnotherPopup(win, chosenId);
            triggerChangeOnField(win, chosenId);
        }

    });
})(jQuery);