超简单导出Excel的方式

大家好，才是真的好。虽然我知道HCL Verse on-Premises 1.0.8马上就要发布，但我决定冒着访问量下降的风险，先不介绍VOP 1.0.8，而是继续来介绍Notes开发和使用的技巧——导出Excel数据。

传统Notes客户机或CS应用导出数据到Excel表格非常简单，大家可能都使用过，在视图中选择需要导出的文档，鼠标右键，拷贝所选文档为表格，如下图所示：

然后打开一个Excel表格粘贴一下即可

不过，针对文档数不多可这么干，要是文档数太大，超过了鼠标右键的粘贴板的大小限制，也可以采用文件菜单导出方式，或写点导出代码也可以实现。总而言之，CS当中导出方式还是较为简单的。

那么BS应用中呢？传统的方式是写个按钮条用代理，然后由代理来导出需要的数据到Excel表格中，还有比如采用JavaScript导出。今天我们介绍在XPages应用采用JavaScript导出数据到Excel并进行下载，代码量低得超乎你的想象。

比如我们随便设计一个XPages页面，里面存放一个View面板

在Web中的展示效果如下：

现在我们要将该视图的数据导出为Excel并进行下载，那么我们先鼠标右键查看网页源，可以看到table标签的id是view:_id1:viewPanel1"

很好，现在我们在后台设计一个按钮，在它的客户机点击事件中写如下代码：

var viewPanelID="view:_id1:viewPanel1";
var htmltable= document.getElementById(viewPanelID);    
var html=htmltable.outerHTML;
window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html))

其效果如下所示：

接着，我们在Web中预览和点击一下这个按钮，即可看到有下载文件

打开Excel，如遇到提示，点击是即可，如下图

看看最后的效果

其实，就是几句代码就实现在了Web中导出数据到Excel当中。十分简单，当然，也不是没有缺陷，比如代码运行需要浏览器支持，比如IE浏览器不支持，目前支持Chrome、 Firefox、Safari等浏览器等。

好了，今天我们就介绍到这里。请继续保持关注。

更多精彩内容请关注微信公众号“协作者”

原文地址：https://mp.weixin.qq.com/s/7svNhAXMFg60o0rBYC15zw