JavaScript 文件未加载到 Django 自定义管理页面中

Question

我在 Django 管理站点中添加了一个包含表单的自定义页面。为此，我编写了以下代码:

class MyForm(forms.Form):

    class Media:
        js = ('js/foo.js',)

    my_number = forms.IntegerField(
        required=True,
        min_value=1,
        max_value=10,
        label='Magic number'
    )

这段代码:

form = MyForm()
context = self.each_context(request)
context.update({'form': form})
return render(request, 'admin/players/foo.html', context)

我的问题是 JS 不执行/加载，因为如果我将以下单行放入其中，则不会发生任何事情:

alert('foo');

奇怪的是我在其他地方有一个非常相似的东西，它就像一个魅力:

class MyModelAdmin(admin.ModelAdmin):
    list_display = ('bar1', 'bar2',)
    search_fields = ('bar1',)

    class Media:
        js = ('js/bar.js',)

我检查了两种情况下的 media 属性，得到了以下结果:

<script type="text/javascript" src="/static/js/foo.js"></script>
<script type="text/javascript" src="/static/js/bar.js"></script>

所以至少，文件的路径是正确的。

我错过了什么？

更新:根据接受的答案，我在模板中添加了以下几行:

{% block extrahead %}
    {{ form.media }}
{% endblock %}

Answer 1

您需要将{{form.media}}添加到foo.html模板中。