django admin 使用SimpleUI自定义按钮弹窗框示例

actions = ['button_exeScript', ]
    def button_exeScript(self, request, queryset):
        pass
    button_exeScript.layer = {

        # 弹出层中的输入框配置

        # 这里指定对话框的标题

        'title': '弹出层输入框',

        # 提示信息

        'tips': '这个弹出对话框是需要在admin中进行定义，数据新增编辑等功能，需要自己来实现。',

        # 确认按钮显示文本

        'confirm_button': '确认提交',

        # 取消按钮显示文本

        'cancel_button': '取消',



        # 弹出层对话框的宽度，默认50%

        'width': '40%',



        # 表单中 label的宽度，对应element-ui的 label-width，默认80px

        'labelWidth': "80px",

        'params': [{

            # 这里的type 对应el-input的原生input属性，默认为input

            'type': 'input',

            # key 对应post参数中的key

            'key': 'name',

            # 显示的文本

            'label': '名称',

            # 为空校验，默认为False

            'require': True

        }, {

            'type': 'select',

            'key': 'type',

            'label': '类型',

            'width': '200px',

            # size对应elementui的size，取值为：medium  small  mini

            'size': 'small',

            # value字段可以指定默认值

            'value': '0',

            'options': [{

                'key': '0',

                'label': '收入'

            }, {

                'key': '1',

                'label': '支出'

            }]

        }, {

            'type': 'number',

            'key': 'money',

            'label': '金额',

            # 设置默认值

            'value': 1000

        }, {

            'type': 'date',

            'key': 'date',

            'label': '日期',

        }, {

            'type': 'datetime',

            'key': 'datetime',

            'label': '时间',

        }, {

            'type': 'rate',

            'key': 'star',

            'label': '评价等级'

        }, {

            'type': 'color',

            'key': 'color',

            'label': '颜色'

        }, {

            'type': 'slider',

            'key': 'slider',

            'label': '滑块'

        }, {

            'type': 'switch',

            'key': 'switch',

            'label': 'switch开关'

        }, {

            'type': 'input_number',

            'key': 'input_number',

            'label': 'input number'

        }, {

            'type': 'checkbox',

            'key': 'checkbox',

            # 必须指定默认值

            'value': [],

            'label': '复选框',

            'options': [{

                'key': '0',

                'label': '收入'

            }, {

                'key': '1',

                'label': '支出'

            }, {

                'key': '2',

                'label': '收益'

            }]

        }, {

            'type': 'radio',

            'key': 'radio',

            'label': '单选框',

            'options': [{

                'key': '0',

                'label': '收入'

            }, {

                'key': '1',

                'label': '支出'

            }, {

                'key': '2',

                'label': '收益'

            }]

        }]

    }

展示如下：