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

2024-10-14 21:35:39

小程序码

文章目录

热门文章

整理下php学员遇到的一些问题 431

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

phpstudy怎么手动安装php8.3.0版本？ 275

文档：一个案例学会fastadmin插件开发 146

php基础入门课程资料文档课件 133

表单验证：密码和确认密码的验证和文字提示 74

百题斩：用递归方式扁平化嵌套数组 66

百题斩：字符串的逆序函数 60

案例代码：用油猴脚本统计b站课堂课程总时长 56

使用ffmpeg把mp4转为加密后的m3u8文件 54

> 表格右侧的删除和编辑按钮事件都是默认生成的，但如果我们想加点功能，或者改写他的点击事件怎么办呢？

> 我们拿删除按钮做案例说下，编辑按钮也是一样的做法。、

![](https://resource.maoshu.fun/storage/default/20241014/image2b861acc6a7df7ce63c87374b4bd00e9463e2cc9.png?e=1732482330&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:a1Co973eBezWyPGdYEccQBY2WUw=)

### 视频地址：
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);
        }
    );
},
```