栖笔处 – 君看蕙风来处

#### 一、编辑/添加按钮的弹窗

------------

找到对应菜单的js文件。

（1）在 `初始化表格参数配置` 上方加入

$(".btn-edit").data("area", ["60%", "80%"]);//编辑
    $(".btn-add").data("area", ["60%", "80%"]); //添加
 ![](/storage/images/20220929/5c263d00be884f79eb9406272b8c1bb6.png)
 
（2）在`为表格绑定事件`上方加入

table.on('post-body.bs.table', function () {
		$(".btn-editone").data("area", ["60%", "80%"]);
		$(".btn-addone").data("area", ["60%", "80%"]);
	})
	
![](/storage/images/20220929/9084979c76872ba670a8e9e8e9e380a7.png)

`效果：`

![](/storage/images/20220929/e8c548040c30014ded2778bea4991841.png)

#### 二、自定义按钮

------------

通用在对应js文件里。

（1）添加按钮（修改操作列代码）

原本：

{ field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate }

修改后：

{
        field: 'operate', title: __('Operate'), table: table, table: table, buttons: [
            {
                name: 'detail',
                text: __('积分明细'),
                title: __('积分明细'),
                classname: 'btn btn-xs btn-primary btn-dialog',
                icon: 'fa fa-instagram',
                url: 'user/score_log/index?uid={id}',
                extend: 'data-area=\'["80%","80%"]\'',
                callback: function (data) {
                    Layer.alert("接收到回传数据：" + JSON.stringify(data), { title: "回传数据" });
                },
                visible: function (row) {
                    //返回true时按钮显示,返回false隐藏
                    return true;
                }
            }
        ], events: Table.api.events.operate, formatter: Table.api.formatter.operate
    }

弹窗大小：

extend: 'data-area=\'["80%","80%"]\'',
	
![](/storage/images/20220929/1f40812021631f665b4bac750cc6e088.png)

![](/storage/images/20220929/15a4a249ff9910d8b051aa03b086e6a6.png)

Fastadmin 修改弹窗大小