在django admin详情表单显示中添加自定义控件的实现

 更新时间:2020年03月11日 14:28:26   作者:p546746447  
这篇文章主要介绍了在django admin详情表单显示中添加自定义控件的实现,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

在开发中有需求在详情显示里外键字段内容,并且添加按钮弹窗内容,以及按钮跳转内容。

以前并没有做过相似的开发,我们的后台是xadmin,当时正在研究xadmin的插件,于是想着能不能用插件去做,后来发现太麻烦,而且实现起来我也没研究通,主要是添加按钮之类的没搞懂,于是就换了一种简单的方法。

首先先讲解下思路,admin中有几个界面,一个是展示的list界面,一个是详情的model界面,model中其实就是详情detail,里面记录了此条数据的全部内容,精简来说就是一个form表单的内容展示。

那么知道了这个就好解决了,我们只需要在form.py里添加对应的字段即可。

form自带了widget控件,比如我想在里面添加一个按钮,记录用户的积分消耗情况,那么就可以在类名下直接添加:

from django.forms import widgets
class AForm(forms.ModelForm):
 point = forms.CharField(
    label=u"积分消耗情况",
    widget=widgets.TextInput(attrs={'class': '[你需要的css样式]', 'value': '积分使用查询',
                 'style': 'width:100px','type':'button'}),
  )

解释下代码,首先导入widgets类,在form中添加一个字段,字段中有一个widget参数,我们可以在其中设置控件,我在里面添加了一个input类型,TextInput对象中的参数attrs传入的是一个字典,我们可以在里面像写html一样写相关的css样式。

这个时候我们就可以在详情内看见button了,但是相对应的,在detail的表单中添加后,在add的表单中也会出现一个button,这个不是我们想要的,所以就要想办法让button只存在于detail界面中,这时我们需要重写__init__方法:

def __init__(self, data=None, files=None, auto_id='id_%s', prefix=None,
         initial=None, error_class=ErrorList, label_suffix=None,
         empty_permitted=False, instance=None, use_required_attribute=None):
     if instance:
       pk = instance.pk
       if not initial:
         initial = {}
         // initial['point'] = [value]
         self.base_fields['point'].widget.input_type = 'button'
     else:
       self.base_fields['point'].widget.input_type = 'hidden'
     super(CustomerUserForm, self).__init__(data, files, auto_id, prefix, initial, error_class, label_suffix, empty_permitted, instance, use_required_attribute)

用super调用了__init__方法,instance就是创建后该条数据的实例,我们可以在其中判断,如果instace存在的话,那么获取其中的id可以进行其他的操作,假如我们的point不是一个button,而是一个text格式的input,那么我们就可以在[value]处添加我们想要获取的值,并在attrs中将type改为hidden,可以看到我调用了一个self.base_fields[‘point']这个对象就是我们创建的button按钮。

self.base_fields是一个字典,里面添加了我们自定义的字段(我记得是的,如果有误可自行查看),通过字段name查询出该字段对象,掉用方法即可进行css样式的修改。

当instance不存在时,也就意味着对象还没有创建,我们此时正处于add界面,那么就可以用self.base_fileds字典将widget对象取出,把type设置为hidden。

至此,我们的form添加额外字段显示以及button操作就完成了,还有最后一点,当type为text时我们直接添加value即可,type为button时,如果需要点击弹窗该如何操作。

我们可以重写widgets.TextInput方法

class PointInput(widgets.TextInput):
  class Media:
    js = (
      'admin/js/customform.js',
    )
    css = {'all':'[csspath]'}

在media内部类中的js和css对象添加相应的静态文件即可。

而弹出窗口的值获取可以在form中添加一个hidden字段,value为我们想要获取的值,在js中取值赋值即可。

补充知识:Django admin 列表每行后面添加审核按钮

我就废话不多说了,还是直接看代码吧!

  def pass_audit_str(self):
    parameter_str = 'id={}&status={}'.format(str(self.id), str(self.audit))
    color_code = ''
    btn_str = '<a class="btn btn-xs btn-danger" href="{}" rel="external nofollow" >' \
         '<input name="通过审核"' \
         'type="button" id="passButton" ' \
         'title="passButton" value="通过审核">' \
         '</a>'
    return format_html(btn_str, '/pass_audit/?{}'.format(parameter_str))

pass_audit_str.short_description = '通过审核'

在model类添加上面的方法和语句。

在admin类中的把 pass_audit_str 加入到list_display元组中

list_display = ('id', 'create_time', 'pass_audit_str',)

刷新页面即可;

以上这篇在django admin详情表单显示中添加自定义控件的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持程序员之家。

相关文章

  • 解决python中的print函数自动换行的问题

    解决python中的print函数自动换行的问题

    这篇文章主要介绍了解决python中的print函数自动换行的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-02-02
  • python?spotlight库简化交互式方法探索数据分析

    python?spotlight库简化交互式方法探索数据分析

    这篇文章主要为大家介绍了python?spotlight库简化的交互式方法探索数据,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2024-01-01
  • python利用K-Means算法实现对数据的聚类案例详解

    python利用K-Means算法实现对数据的聚类案例详解

    这篇文章主要介绍了python利用K-Means算法实现对数据的聚类,本文通过案例讲解的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • 使用Python处理json字符串中的非法双引号问题

    使用Python处理json字符串中的非法双引号问题

    这篇文章主要介绍了使用Python处理json字符串中的非法双引号问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • python如何实现单链表的反转

    python如何实现单链表的反转

    这篇文章主要介绍了python如何实现单链表的反转,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • 如何利用Python获取文本中的电话号码实例代码

    如何利用Python获取文本中的电话号码实例代码

    Python的文本处理是经常碰到的一个问题,下面这篇文章主要给大家介绍了关于如何利用Python获取文本中的电话号码的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • TensorFlow实现AutoEncoder自编码器

    TensorFlow实现AutoEncoder自编码器

    这篇文章主要为大家详细介绍了TensorFlow实现AutoEncoder自编码器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • python实现从pdf文件中提取文本,并自动翻译的方法

    python实现从pdf文件中提取文本,并自动翻译的方法

    今天小编就为大家分享一篇python实现从pdf文件中提取文本,并自动翻译的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-11-11
  • OpenCV实现去除背景识别的方法总结

    OpenCV实现去除背景识别的方法总结

    这篇文章主要为大家详细介绍了如何利用OpenCV实现去除背景识别的功能,文中为大家总结了一些方法,感兴趣的小伙伴快跟随小编一起学习一下
    2022-10-10
  • Python split()函数使用方法详解

    Python split()函数使用方法详解

    这篇文章主要给大家详细介绍一下Python split()函数的使用方法,文中有详细的代码示例供大家参考,具有一定的参考价值,需要的朋友可以参考下
    2023-07-07

最新评论

?


http://www.vxiaotou.com