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

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

  1. 首先增加一个数据表格字段,对数据表格字段进行格式化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.效果:
laravel-admin、dcat-admin 数据表格字段列进行复制操作,原生js、jq编写
laravel-admin、dcat-admin 数据表格字段列进行复制操作,原生js、jq编写

上一篇:微信小程序 input事件绑定


下一篇:uniapp小程序的分包处理