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.效果: