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