方法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%"]\'';