您现在的位置:首页 >> 前端 >> 内容

Ext一键复制代码实现

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

  核心提示:1. Ext 3.4new Ext.Window({title : 支付链接,layout : fit,height : 300,width : 300,items:[{name: link,id:l...

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();

Tags:EX XT T一 一键 
作者:网络 来源:Momo_Joann