经验分享 - 为FineUI添加复制按钮功能 - FineUI 官方论坛

<x:Window runat="server" Title="用户信息" IsModal="true" Width="320" Height="200" BodyPadding="10px" Layout="Column" ID="window_UserMsg">
<Items>
<x:Label runat="server" Text="用户信息如下：" ColumnWidth="100%"></x:Label>
<x:TextArea runat="server" ID="txt_UserMsg" ColumnWidth="100%"></x:TextArea>
<x:Panel runat="server" ColumnWidth="100%" ShowBorder="false" ShowHeader="false">
<Items>
<x:Button runat="server" ID="btn_Copy" Text="复制" Icon="PageCopy"></x:Button>
</Items>
</x:Panel>
</Items>
</x:Window>

复制代码

复制代码

<script>
var clip = null; //声明一个clip复制对象
function $(id) { return document.getElementById(id); } //为方便查询，做了一个跟Jquery一样的选择功能
function init() { //初始化代码
if (clip == null) {
ZeroClipboard.setMoviePath("/js/ZeroClipboard.swf"); //绑定flash文件
clip = new ZeroClipboard.Client(); //声明clip复制对象
clip.setHandCursor(true); //设置鼠标为手型
clip.addEventListener('mouseOver', function (client) { //添加mouseOver事件，当鼠标移入时触发
clip.setText($('window_UserMsg_txt_UserMsg-inputEl').value); //当鼠标移入时，将txt_UserMsg的最新内容赋值给clip复制对象
});
clip.addEventListener('complete', function () { //添加复制完成事件
window.F.alert('复制成功！');
});
clip.glue("window_UserMsg_ctl01_btn_Copy", "window_UserMsg_ctl01"); //将clip复制对象绑定到btn_Copy按钮
}
}
Ext.onReady(function () { init(); }) //Ext加载完毕，初始化复制插件
</script>

复制代码