fastadmin 修改弹窗大小

方法1:

该方法可以实现页面中所有的弹窗大小统一,包括新增、修改、回收站等弹窗:

Fast.config.openArea = ['90%','90%'];

如图:

在这里插入图片描述

方法2:

该方法适用于对某一类弹窗进行单独设置:

1、自定义按钮弹窗:

在这里插入图片描述
例如以上自定义按钮,可以通过以下方式实现控制弹窗大小:
extend:'data-area=["90%","90%"]',

table.bootstrapTable({
   url: $.fn.bootstrapTable.defaults.extend.index_url,
    pk: 'id',
    sortName: 'weigh',
    columns: [
        [
            {checkbox: true},
            {field: 'weigh', title: __('Weigh'), operate: false},
            {field: 'title', title: __('Title'), operate: 'LIKE'},
            {field: 'status', title: __('Status'), searchList: {"0":__('Status 0'),"1":__('Status 1')}, formatter: Table.api.formatter.status},
            {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate,
                buttons: [
                    {
                        name: 'detail',
                        text: __('查看答案'),
                        title: function (row) {
                            return row.title;
                        },
                        classname: 'btn btn-xs btn-primary btn-dialog btn-rec',
                        icon: 'fa fa-list',
                        extend:'data-area=["90%","90%"]',  // 控制弹窗大小
                        url: 'question/option?question_id={id}',
                    }
                ],
            }
        ]
    ]
});

方法3:

该方法适用于控制新增、编辑等非自定义页面的弹窗:

例如我要单独修改编辑页面的弹窗大小,可以在表格初始化前添加以下代码:

Table.button.edit.extend = 'data-toggle="tooltip" data-area=\'["90%","90%"]\'';

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值