How to load a custom JS file in Django admin home

Question

Hii team,

I have customized Django admin where it's very simple to load a custom JS file for each of my ModelAdmins:

class MyModelAdmin(admin.ModelAdmin):
    class Media:
        js = ('js/admin/mymodel.js',)

But how to do this for the admin "homepage," where all my admin models are listed?

How do I include Django's jQuery in the JS file? If I wrap my code with:

(function ($) {
    // my code here...
})(django.jQuery);

I get the following error:

ReferenceError: django is not defined.

Thanks.

Answer 1

Hello @kartik,

You can override templates/admin/index.html and add the JavaScript in the block extrahead:

{% extends "admin/index.html" %}

{% block extrahead %}
    {{ block.super }}
    # add a <script> tag here with your JavaScript
{% endblock %}

Hope this works!

Thank You!!