fastadmin监听或重写删除编辑按钮事件

![](https://resource.maoshu.fun/storage/default/20241014/image2b861acc6a7df7ce63c87374b4bd00e9463e2cc9.png?e=1746152945&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:ZfsEWtebOUZnz55J-WHDfhcqYDk=)

### 视频地址：
https://www.bilibili.com/video/BV1Wp4y1o7MM

这里有3个使用场景：

### 1.不改变原有功能，只新增一个监测
监测点击了删除按钮，然后执行一下我们自己的事情。

加下面一段代码即可监测点击事件

```js
$(document).on('mousedown','.btn-delone',function() {
    console.log('点击了删除按钮');
})
```

### 2.完全改写原有功能
这时候删除按钮就相当于一个全新的按钮，只是长得一样而已。

做法如下：

在operate里新增一个字段，buttons，里面放一个del按钮即可，加完后的代码如下：

```js
{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate,buttons:[
{
    name: 'del',
    classname: 'btn btn-xs btn-danger btn-click',
    icon:'fa fa-trash',
    click: function (r, row) {
        console.log('点击了删除',row,r);
    },
}
]}
```

### 3.保留原来的删除功能，新增自己的事件
这个也简单，就是在上一步的click事件里写上原来的事件代码，加完就是下面代码：

```js

click: function (r, row) {
    console.log('点击了删除',row,r);
    // 。。。这里写我们自己的事件
    // 下面是原删除按钮的事件
    var that = this;
    var top = $(that).offset().top - $(window).scrollTop();
    var left = $(that).offset().left - $(window).scrollLeft() - 260;
    if (top + 154 > $(window).height()) {
        top = top - 154;
    }
    if ($(window).width() < 480) {
        top = left = undefined;
    }
    Layer.confirm(
        __('Are you sure you want to delete this item?'),
        {icon: 3, title: __('Warning'), offset: [top, left], shadeClose: true, btn: [__('OK'), __('Cancel')]},
        function (index) {
            var table = $(that).closest('table');
            var options = table.bootstrapTable('getOptions');
            Table.api.multi("del", row[options.pk], table, that);
            Layer.close(index);
        }
    );
},
```

铜牌 · 会员

解锁全部文章

全部课程8折购买

如果在b站充值了专属会员，可联系猫叔直接开通相同时间的此会员

¥50/年

金牌 · 会员

解锁全部文章

全部课程5折购买

微信一对一答疑

优先解决问题

¥1999/年