laravel-admin、dcat-admin 数据表格字段列进行复制操作，原生js、jq编写

最新推荐文章于 2024-06-28 10:47:42 发布

事与猿违Cs

最新推荐文章于 2024-06-28 10:47:42 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/ITSmallwhite_/article/details/121125355

版权

laravel 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

PHP - laravel

3 篇文章 0 订阅

订阅专栏

laravel-admin、dcat-admin 数据表格字段列进行复制操作，原生js、jq编写

首先增加一个数据表格字段，对数据表格字段进行格式化display显示，返回原生html

            $grid->column('withdraw_detail')->display(function ($detail) {

                $detail = json_decode($detail, 1)['alipay_account'] ?? $detail;
                if (isset($detail)) {
                    return <<<HTML

                <div class="copyClick">
                    <i class='fa fa-clone ' style="color:#3085d6;"></i>
                    <input style="border: 0;cursor: pointer;outline: none;background-color: rgba(0, 0, 0, 0);color:#3085d6;"
                    class="copyValue" value=$detail type="text">
                </div>

HTML;
                }
            });

2.增加上述input内绑定class类的点击事件：

            Admin::script(<<<JS
                //支付宝帐号信息复制操作JS
                $('.copyClick').click(function(){
                    var text = $(this).children('.copyValue');
                    console.log(text);
                    text.unbind();
                    text.select(); // 选中文本
                    document.execCommand("copy"); // 执行浏览器复制命令
                    Dcat.success('复制成功');
                })
JS
            );

3.效果：
在这里插入图片描述

事与猿违Cs

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
laravel-admin、dcat-admin 数据表格字段列进行复制操作，原生js、jq编写

laravel-admin、dcat-admin 数据表格字段列进行复制操作，原生js、jq编写首先增加一个数据表格字段，对数据表格字段进行格式化display显示，返回原生html $grid->column('withdraw_detail')->display(function ($detail) { $detail = json_decode($detail, 1)['alipay_account'] ?? $detail;
复制链接

扫一扫