站内搜索:
首页 >> 前端 >> 内容
Ext一键复制代码实现

时间:2018/6/14 11:31:38

1. Ext 3.4

new Ext.Window(
    {
        title : '支付链接',
        layout : 'fit',
        height : 300,
        width : 300,
        items:[{
            name: 'link',
            id:'link',
            xtype: 'textarea',
            fieldLabel: '链接',
            value:jsonData
        }],   
    buttons:[{
        text:"一键复制",
        handler:function() {
            var Url2=document.getElementById("link");//此处一定使用原生js
                Url2.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            Ext.Msg.alert('系统提示','已复制好,可贴粘!'); 
        } 
    }] 
}).show();

2. Ext 6.2.1 clipboard-polyfill

Ext.create('Ext.window.Window',{
    title:'复制URL',
    id:'windowURL',
    closeToolText: '关闭窗口',
    layout : 'fit',
    height : 200,
    width : 300,
    items:[{
        xtype: 'textareafield',
        value:url
    }],
    buttons:[{
        text:"一键复制",
        handler:function() {
            clipboard.writeText(url);//请引用 clipboard-polyfill.js
            Ext.Msg.alert('系统提示','已复制好,可贴粘!');
       }
   }]
}).show();

  • 上一篇:前端功能实现:预览要上传的图片,并限制图片的上传大小
  • 下一篇:关于C3的知识总结
  • 返回顶部