本文主要介紹了django admin search_fields placeholder 管理后臺添加搜索框提示文字，分享給大家，具體如下：
如圖, Django admin后臺生成的搜索框, 默認(rèn)是沒有提示文字的, 不夠友好; 網(wǎng)上也沒搜到什么好的示例, 于是自己動手實(shí)現(xiàn)了一個
0. 已經(jīng)存在的app名為carousel, 大致相當(dāng)于如下操作/代碼
$ python manage.py startapp carousel
# settings.py
```
INSTALLED_APPS = [
...
'carousel',
]
```
# carousel/models.py
```
from django.db import models
class Carousel(models.Model):
community = models.IntegerField('小區(qū)ID')
class Meta:
verbose_name = verbose_name_plural = '輪播設(shè)置'
```
1. 定制模板標(biāo)簽templatetags
mkdir -p carousel/templatetags
touch carousel/templatetags/__init__.py
touch carousel/templatetags/search_with_placeholder.py
# carousel/templatetags/search_with_placeholder.py
from django.contrib.admin.templatetags.admin_list import (
InclusionAdminNode,
register,
search_form,
)
def search_form_plus(cl, search_placeholder: str = ""):
"""
Display a search form for searching the list with placeholder.
"""
return dict(search_form(cl), search_placeholder=search_placeholder)
@register.tag(name="search_form_plus")
def search_form_tag(parser, token):
return InclusionAdminNode(
parser,
token,
func=search_form_plus,
template_name="search_form_plus.html",
takes_context=False,
)
2. 定制模板template
mkdir -p carousel/templates/admin
mkdir -p carousel/templates/custom_admin
touch carousel/templates/admin/search_form_plus.html
touch carousel/templates/custom_admin/change_list.html
!-- carousel/templates/admin/search_form_plus.html -->
{% load i18n static %}
{% if cl.search_fields %}
div id="toolbar">form id="changelist-search" method="get">
div>!-- DIV needed for valid HTML -->
label for="searchbar">img src="{% static "admin/img/search.svg" %}" alt="Search">/label>
input type="text" size="40" name="{{ search_var }}" placeholder="{{ search_placeholder }}" value="{{ cl.query }}" id="searchbar" autofocus>
input type="submit" value="{% translate 'Search' %}">
{% if show_result_count %}
span class="small quiet">{% blocktranslate count counter=cl.result_count %}{{ counter }} result{% plural %}{{ counter }} results{% endblocktranslate %} (a href="?{% if cl.is_popup %}_popup=1{% endif %}" rel="external nofollow" >{% if cl.show_full_result_count %}{% blocktranslate with full_result_count=cl.full_result_count %}{{ full_result_count }} total{% endblocktranslate %}{% else %}{% translate "Show all" %}{% endif %}/a>)/span>
{% endif %}
{% for pair in cl.params.items %}
{% if pair.0 != search_var %}input type="hidden" name="{{ pair.0 }}" value="{{ pair.1 }}">{% endif %}
{% endfor %}
/div>
/form>/div>
{% endif %}
!-- carousel/templates/custom_admin/change_list.html -->
{% extends "admin/change_list.html" %}
{% load search_with_placeholder %}
{% block search %}{% search_form_plus cl search_placeholder %}{% endblock %}
3. 定制admin.py
cat carousel/admin.py
# Django3.1
from django.contrib import admin
from .models import BoxCarousel, Carousel,
class PlaceholderMixin:
change_list_template = "custom_admin/change_list.html"
def changelist_view(self, request, extra_context=None):
search_placeholder = getattr(self, "search_placeholder", False)
if search_placeholder:
extra_context = extra_context or {}
extra_context["search_placeholder"] = search_placeholder
return super().changelist_view(request, extra_context)
@admin.register(Carousel)
class CarouselAdmin(PlaceholderMixin, admin.ModelAdmin):
search_fields = ["=community"]
search_placeholder = "請輸入小區(qū)ID"
其他列表頁, 如果也想顯示提示文字, 只需繼承PlaceholderMixin, 然后定義search_placeholder就可以了
到此這篇關(guān)于django admin search_fields placeholder 管理后臺添加搜索框提示文字的文章就介紹到這了,更多相關(guān)django admin search_fields placeholder搜索框內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- pycharm+django創(chuàng)建一個搜索網(wǎng)頁實(shí)例代碼
- Python中使用haystack實(shí)現(xiàn)django全文檢索搜索引擎功能
- django 使用全局搜索功能的實(shí)例詳解
- Django實(shí)現(xiàn)組合搜索的方法示例
- Django 簡單實(shí)現(xiàn)分頁與搜索功能的示例代碼
- django使用haystack調(diào)用Elasticsearch實(shí)現(xiàn)索引搜索
- Django項(xiàng)目之Elasticsearch搜索引擎的實(shí)例
- django組合搜索實(shí)現(xiàn)過程詳解(附代碼)
