django admin中增加自定義超連結欄位

ubirdy發表於2024-04-09
Django

參考python測試開發django-49.allow_tags和mark_safe - 上海-悠悠 - 部落格園 (cnblogs.com)

2.x 版本使用

from django.utils.safestring import mark_safe
def image(self, obj):
    return mark_safe('<image src="%s" />' % obj.image)

在models.py和在adminx.py裡面都可以使用

# adminx.py
import xadmin
from .models import UploadImage
from django.utils.safestring import mark_safe

class ControlImage(object):
    # 顯示不要用image，而應該用image_img
    list_display = ['name', 'image_img', 'url', 'add_time', 'image_tag']

    def image_tag(self, obj):
        if obj.image:
            href = obj.image.url    # 點選後顯示的放大圖片
            src = obj.image.thumbnail.url    # 頁面顯示的縮圖
            # 插入html程式碼<a href="/media/path/to/yoyoaaa.jpg" target="_blank" title="傳圖片" data-gallery="gallery" </a>
            image_html = '<a href="%s" target="_blank" title="傳圖片"><img alt="" src="%s" class="field_img"></a>'%(href, src)
            return mark_safe(image_html)
        else:
            return '上傳圖片'

    image_tag.short_description = 'Photo'   # 顯示在頁面的內容
    # get_image_tag.allow_tags = True # redundant
    image_tag.admin_order_field = 'name'     # 排序

xadmin.site.register(UploadImage, ControlImage)

　　實現的效果如下圖所示

admin_order_field是在列表中顯示排序功能

相關文章