xadmin为每条记录增加按钮

逃离我推掉我的手 2022-12-26 15:26 118阅读 0赞

### xadmin后台管理为每一条记录增加自定义按钮 ###

[点我下载xadmin的demo][xadmin_demo]

#### 1、显示按钮 ####

定义一个函数，然后在list\_display中显示，adminx.py代码如下：

class PaymentTransactionAdmin():
        """交易记录管理"""
        list_display = ['id', 'amount', 'state', 'scan_source', 'out_trade_no', 'tran_trade_no', 'done_date', 'addtime',
                        'ope_transaction']
        list_filter = ['state', 'addtime']
        list_per_page = 30  # 默认每页数量
        ordering = ['-id']
        is_transaction_ope = True
    
        def ope_transaction(self, obj):
            """增加订单查询、退款按钮"""
            if obj.out_trade_no:
                text = """ <input type="button" value="状态查询" transaction_id="{0}" class="btn btn-success query" /> """.format(obj.id)
                if obj.state in ['payed', 'done']:
                    text += """ <input type="button" value="退款" transaction_id="{0}" class="btn btn-warning refund" /> """.format(obj.id)
                return mark_safe(text)
            return ''
    
        ope_transaction.short_description = '订单状态查询、订单退款'

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center]

#### 2、注册按钮js动作插件 ####

adminx.py整体代码：

import xadmin
    from django.utils.safestring import mark_safe
    from xadmin.views import BaseAdminPlugin, ListAdminView
    
    from .models import  PaymentTransaction
    
    
    class PaymentTransactionAdmin():
        """交易记录管理"""
        list_display = ['id', 'amount', 'state', 'scan_source', 'out_trade_no', 'tran_trade_no', 'done_date', 'addtime',
                        'ope_transaction']
        list_filter = ['state', 'addtime']
        list_per_page = 30  # 默认每页数量
        ordering = ['-id']
        is_transaction_ope = True
    
        def ope_transaction(self, obj):
            """增加订单查询、退款按钮"""
            if obj.out_trade_no:
                text = """ <input type="button" value="状态查询" transaction_id="{0}" class="btn btn-success query" /> """.format(obj.id)
                if obj.state in ['payed', 'done']:
                    text += """ <input type="button" value="退款" transaction_id="{0}" class="btn btn-warning refund" /> """.format(obj.id)
                return mark_safe(text)
            return ''
    
        ope_transaction.short_description = '订单状态查询、订单退款'
    
    
    class PaymentTransactionWidget(BaseAdminPlugin):
        """订单操作插件"""
        # 默认不加载，只在需要加载的options中设置True来加载
        is_transaction_ope = False
    
        def init_request(self, *arg, **kwargs):
            return self.is_transaction_ope
    
        def get_media(self, media):
            # 此处用来加入自定义的js文件
            media = media + self.vendor("xadmin.self.transaction_ope.js")
            return media
    
    # 注册插件
    xadmin.site.register_plugin(PaymentTransactionWidget, ListAdminView)
    xadmin.site.register(PaymentTransaction, PaymentTransactionAdmin)

#### 3、js代码 ####

需要在static/xadmin/js中定义一个`xadmin.self.transaction_ope.js`文件，其中`xadmin.self.`是固定的，后面的`transaction_ope`可以自定义名称，js代码如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center 1]

#### 4、效果 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center 2]

[点我下载xadmin的demo][xadmin_demo]

## 后记 ##

【后记】为了让大家能够轻松学编程，我创建了一个公众号【轻松学编程】，里面有让你快速学会编程的文章，当然也有一些干货提高你的编程水平，也有一些编程项目适合做一些课程设计等课题。

也可加我微信【1257309054】，拉你进群，大家一起交流学习。  
如果文章对您有帮助，请我喝杯咖啡吧！

公众号

![公众号][20200317124808234.jpg]

![赞赏码][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70]

关注我，我们一起成长~~

[xadmin_demo]: https://download.csdn.net/download/lm_is_dc/18204710
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/adb655111633487f91fcc11353b5d941.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20201206113314994.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/2020120611335499.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj,size_16,color_FFFFFF,t_70#pic_center
[20200317124808234.jpg]: https://img-blog.csdnimg.cn/20200317124808234.jpg
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200317125156789.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj,size_16,color_FFFFFF,t_70