如何在 Django 管理主页中加载自定义 JS 文件？答案

【问题标题】：How to load a custom JS file in Django admin home?如何在 Django 管理主页中加载自定义 JS 文件？
【发布时间】：2013-11-23 11:55:03
【问题描述】：

我有一个高度自定义的 Django 管理员，可以非常简单地为我的每个 ModelAdmin 加载自定义 JS 文件：

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

但是我该如何为管理“主页”执行此操作，其中列出了我的所有管理模型？

更新#1：修正我的问题，因为如果我不能有效地包含 Django 的 jQuery，下面的解决方案就没有那么有用了。那么，如何在 JS 文件中包含 Django 的 jQuery 呢？如果我用（就像我在其他 ModelAdmin JS 文件中所做的那样）包装我的代码：

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

我收到以下错误：

ReferenceError: django 未定义。

谢谢。

更新 #2：我能够通过以下答案成功包含 Django 的 jQuery：https://stackoverflow.com/a/10584539/585783

【问题讨论】：

【解决方案1】：

您可以覆盖templates/admin/index.html 并在块extrahead 中添加JavaScript：

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

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

【讨论】：

这行得通，看起来很干净，谢谢... 但是，如何在 JS 文件中包含 jQuery？如果我用 (function ($) { ... })(django.jQuery); 包装我的代码，就像在我的其他 ModelAdmin JS 文件中一样，我会收到“ReferenceError: django is not defined”
jQuery 已预先捆绑在 Django 管理员中 - 您无需手动添加。
上述解决方案将覆盖extrahead块中包含的所有代码，这可能是“ReferenceError: django is not defined”错误的原因。如果在{% block extrahead %} ... {% endblock %} 内添加{{ block.super }}，现有代码将被保留。
@tobltobs 我更新了答案。现在看起来正确吗？
它不起作用。将模板添加到 templates/admin/index.html 不会改变任何内容。