奥丁9
奥丁9
后端
数据库
redis
mysql
mongoDB
达梦
php
laravel
laravel-admin
dcat
表单
表格
java
spring
python
go
c
c++
前端
vue
nodejs
sass/less
html/css
前端框架
javascript
微信生态
公众号
小程序
uniapp
typescript
其他
AI
数据结构
安全
linux
seo
git
健身
算法
正则表达式
docker
待分类
后端
/
php
/
laravel
/
dcat
dcat优化体验的小功能：双击触发编辑
1年前
aoding9
81
php
laravel
dcat
dcat默认的编辑按钮需要先点操作列的三个点，然后在弹框中选择编辑，这样使用感觉有点麻烦 ```php use Dcat\Admin\Admin; class TableService { // 双击表格行打开打开菜单 public function enableDoubleClickMenu(): TableService { $script = <<<JS // 监听每行的双击事件，如果该行有编辑按钮，就主动触发其点击 $("#grid-table > tbody > tr").on("dblclick",function() { // 这里通过2种方式查找编辑按钮，如果禁用了默认的编辑按钮，只要你自定义的编辑按钮的class带有icon-edit也能触发，这个是编辑图标的css类 var obj = $(this).find(".grid__actions__ [class*=icon-edit]"); var obj2 = $(this).find(".grid__actions__ [action=edit]"); // console.log(obj,obj2) if (obj.length === 1) { obj.trigger("click") }else if(obj2.length===1){ obj2.trigger("click"); } }) JS; Admin::script($script); return $this; } } ``` 在`app/Admin/bootstrap.php`中调用后，可以全局使用双击来触发编辑按钮 ``` app(TableService::class)->enableDoubleClickMenu(); ```
本作品采用
《CC 协议》
，转载必须注明作者和本文链接