[英]Onclick the button to export excel in XPages
I found the code on the website: https://www.xpagedomino.com/2015/02/xpage-export-to-excel-using-javascript.html我在网站上找到了代码: https://www.xpagedomino.com/2015/02/xpage-export-to-excel-using-javascript.html
Now I have:我现在有:
I want to use the button to export the excel.我想用按钮导出excel。
The following is I already tried the code:以下是我已经尝试过的代码:
In the button(Client-side):在按钮中(客户端):
var viewPanel1Id = "view:_id1:viewPanel1"
var htmltable = document.getElementById(viewPanel1Id);
var html = htmltable.outerHTML;
window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
But the button was no response...但是按钮没有反应...
How can I export to excel?????如何导出到 excel????
The following is the code of XPages以下是XPages的代码
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:button value="Export5" id="button5">
<xp:eventHandler event="onclick" submit="true" refreshMode="complete">
<xp:this.action><![CDATA[#{javascript: var viewPanel = document.getElementById("#{id:viewPanel1}");
var html = viewPanel.outerHTML;
window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));}]]>
</xp:this.action>
</xp:eventHandler>
</xp:button>
<xp:viewPanel rows="30" id="viewPanel1" viewStyle="width:100%">
<xp:this.facets>
<xp:pager partialRefresh="true" layout="Previous Group Next"
xp:key="headerPager" id="pager1">
</xp:pager>
</xp:this.facets>
<xp:this.data>
<xp:dominoView var="view1" viewName="VEMPM03"></xp:dominoView>
</xp:this.data>
<xp:viewColumn columnName="LOCAL_PR_NO" id="viewColumn1"
showCheckbox="true">
<xp:viewColumnHeader value="prno" id="viewColumnHeader1"
showCheckbox="true">
</xp:viewColumnHeader>
</xp:viewColumn>
<xp:viewColumn columnName="PUR_DEPT_S01" id="viewColumn2">
<xp:viewColumnHeader value="pur" id="viewColumnHeader2">
</xp:viewColumnHeader>
</xp:viewColumn>
<xp:viewColumn columnName="ITEM_NAME" id="viewColumn3">
<xp:viewColumnHeader value="name" id="viewColumnHeader3">
</xp:viewColumnHeader>
</xp:viewColumn>
</xp:viewPanel>
</xp:view>
Your Button executes ServerSide Script.您的 Button 执行服务器端脚本。 When using <xp:this.script> it worked for me.
当使用 <xp:this.script> 它对我有用。
<xp:button value="Export5" id="button5">
<xp:eventHandler event="onclick" submit="false">
<xp:this.script><![CDATA[
var viewPanel = document.getElementById("#{id:viewPanel1}");
var html = viewPanel.outerHTML;
window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));]]>
</xp:this.script>
</xp:eventHandler>
</xp:button>
This may not fix your problem, but the line below is a better way to reference an element by its id in csjs:这可能无法解决您的问题,但下面的行是通过 csjs 中的 id 引用元素的更好方法:
var viewPanel1Id = document.getElementById("#{id:viewPanel1}")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.