如何在列表中点击添加或编辑按钮时全屏窗口

发布于 2018-03-07 14:11:16

FastAdmin中的添加、编辑窗口默认都是宽800px和高600px大小,如何在点了按钮后让我们的添加、编辑窗口全屏呢?
首先我们找到当前控制器中对应的JS文件,在JS中的index方法区间内找到

var table = $("#table");

然后在这一句后面添加

//给添加按钮添加`data-area`属性
$(".btn-add").data("area", ["100%", "100%"]);
//当内容渲染完成给编辑按钮添加`data-area`属性
table.on('post-body.bs.table', function (e, settings, json, xhr) {
    $(".btn-editone").data("area", ["100%", "100%"]);
});

上面一段代码意思是当表格渲染以后再给编辑按钮添加data-area属性。因为表格的内容是动态渲染的,所需需要在post-body.bs.table事件中进行添加属性。
当然data-area也可以使用其它属性值,比如["1000px", "500px"]["80%", "60%"]等等。

3 条评论

发布
问题