fastadmin 增加复制表单内容功能

最新推荐文章于 2025-05-07 23:14:32 发布

原创最新推荐文章于 2025-05-07 23:14:32 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #ajax

tp 专栏收录该内容

10 篇文章

订阅专栏

该文章描述了如何在表格中添加一个复制按钮，当用户点击时能复制特定单元格的值。它使用JavaScript创建了一个输入元素，选中其值，然后执行浏览器的复制命令。点击按钮后，会显示提示消息告知用户已成功复制链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在表格里增加复制按钮
//address代表复制的内容值

       {field:'address',title: __('复制'), operate: false,formatter: function(value,row,index){
                return '<button value="'+value+'" class="btn btn-success copy-link" title="Copy Link"><i class="fa fa-copy"></i></button>'

            }},

2.执行点击按钮复制

 $(document).on("click",".copy-link",function(){
                var url = $(this).val();
                var oInput = document.createElement('input');
                oInput.value = url;
                document.body.appendChild(oInput);
                oInput.select(); // 进择对家
                document.execCommand("Copy"); // 执行浏览器复制命分
                oInput.className = 'oInput';
                oInput.style.display= 'none';
                Layer.msg('复制链接成功');
                // 为表格绑定事件
            });