首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何访问并扩展django-admin页面?

如何访问并扩展django-admin页面?
EN

Stack Overflow用户
提问于 2019-05-21 02:29:34
回答 1查看 928关注 0票数 2

我将用一种非常简单的方式来说明。我想访问一个特定页面的django-admin HTML。

如下图所示:

我想要访问的页面的。

路径为http://127.0.0.1:8000/admin/listings/listing/12/change/

我只想添加我的自定义html按钮,这将介绍一个字段一旦点击。

我该如何扩展这个特定页面的html。

以下是您建议的代码

代码语言:javascript
复制
      {% extends "admin/base_site.html" %}
      {% load i18n admin_urls static admin_modify %}

      {% block extrahead %}{{ block.super }}
      <script type="text/javascript" src="{% url 'admin:jsi18n' %}"></script>
      {{ media }}
      {% endblock %}

      {% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/forms.css" %}">{% endblock %}

      {% block coltype %}colM{% endblock %}

      {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} change-form{% endblock %}

      {% if not is_popup %}
      {% block breadcrumbs %}
      <div class="breadcrumbs">
      <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
      &rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
      &rsaquo; {% if has_view_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
      &rsaquo; {% if add %}{% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}{% else %}{{ original|truncatewords:"18" }}{% endif %}
      </div>
      {% endblock %}
      {% endif %}

      {% block content %}<div id="content-main">
      {% block object-tools %}
      {% if change %}{% if not is_popup %}
        <ul class="object-tools">
          {% block object-tools-items %}
            {% change_form_object_tools %}
          {% endblock %}
        </ul>
      {% endif %}{% endif %}
      {% endblock %}
      <form {% if has_file_field %}enctype="multipart/form-data" {% endif %}action="{{ form_url }}" method="post" id="{{ opts.model_name }}_form" novalidate>{% csrf_token %}{% block form_top %}{% endblock %}
      <div>
      {% if is_popup %}<input type="hidden" name="{{ is_popup_var }}" value="1">{% endif %}
      {% if to_field %}<input type="hidden" name="{{ to_field_var }}" value="{{ to_field }}">{% endif %}
      {% if save_on_top %}{% block submit_buttons_top %}{% submit_row %}{% endblock %}{% endif %}
      {% if errors %}
          <p class="errornote">
          {% if errors|length == 1 %}{% trans "Please correct the error below." %}{% else %}{% trans "Please correct the errors below." %}{% endif %}
          </p>
          {{ adminform.form.non_field_errors }}
      {% endif %}

      {% block field_sets %}
      {% for fieldset in adminform %}
        {% include "admin/includes/fieldset.html" %}
      {% endfor %}
      {% endblock %}

      {% block after_field_sets %}{% endblock %}

      {% block inline_field_sets %}
      {% for inline_admin_formset in inline_admin_formsets %}
          {% include inline_admin_formset.opts.template %}
      {% endfor %}
      {% endblock %}

      {% block after_related_objects %}{% endblock %}

      {% block submit_buttons_bottom %}{% submit_row %}{% endblock %}

      {% block admin_change_form_document_ready %}
          <script type="text/javascript"
                  id="django-admin-form-add-constants"
                  src="{% static 'admin/js/change_form.js' %}"
                  {% if adminform and add %}
                      data-model-name="{{ opts.model_name }}"
                  {% endif %}>
          </script>
      {% endblock %}

      {# JavaScript for prepopulated fields #}
      {% prepopulated_fields_js %}

      </div>
      </form></div>
      {% endblock %}
代码语言:javascript
复制
<form id="fontsize-form" method="POST">
        {% csrf_token %}

        <label class="control-label">Arabic:</label>
        <div class="controls"><input id="pw" type="text"></div>

        <div class="control-group" style="display:none" id="passwordfield">
                <label class="control-label">English:</label>

                <div class="controls"><input id="pw" type="text"></div>
            </div>

    </form>


    <div >
        <button class="button" onclick="showPWField()">+</button>
        <script>
            function showPWField() {
                document.getElementById("passwordfield").style.display = "block";
            }
        </script>
    </div>

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-21 03:25:00

从您的虚拟环境lib>python3.6>site-packages>django>contrib>admin>templates>admin>change_form.html拷贝

转到

my_app>templates>admin>model_name>change_form.html

和编辑

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56226341

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档