自定义按钮输出离线html

编辑
文档创建者:文档助手1 (67727 )     浏览次数:2848次     编辑次数:12次     最近更新:jiangsr 于 2018-03-12     

目录:

1. 描述编辑

类似于自定义导出按钮章节的效果,希望在页面中自定义按钮导出离线html报表,如下图:
222

2. 解决方案编辑

在填报预览报表的URL后面增加&format=write_html,通过自定义导出按钮,实现点击输出离线html
实现方法可参见:URL输出离线html报表

3. 示例编辑

新建一个空白html,在里面添加一个按钮和一个iframe,其中iframe指向工程中的某张填报报表,这里使用doc/Form/LineForm/行式填报表.cpt这张模板,如下图:
222
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="/WebReport/ReportServer?op=emb&resource=finereport.js"></script> </head> <body> <div id="toolbar"> <button type="button">导出离线html</button> </div> <iframe id="reportFrame" name="reportFrame" width="100%" height="100%" src="http://localhost:8075/WebReport/ReportServer?reportlet=doc%2FForm%2FLineForm%2F%5B884c%5D%5B5f0f%5D%5B586b%5D%5B62a5%5D%5B8868%5D.cpt&op=write"></iframe> </body> </html>
注:由于输出离线html报表,意味着该张模板的预览模式是填报预览,故需要在src后面加上&op=write
3.1 自定义按钮事件
希望点击导出离线html按钮的时候,能将iframe中嵌入的报表输出为离线html,故我们为该按钮添加点击事件。
填报预览报表的URL后面添加format参数等于write_html,如下图:
222
注:自定义按钮还有很多不同的接口,详细请查看自定义按钮
onclick="window.open(FR.cjkEncode('http://localhost:8075/WebReport/ReportServer?reportlet=doc%2FForm%2FLineForm%2F%5B884c%5D%5B5f0f%5D%5B586b%5D%5B62a5%5D%5B8868%5D.cpt&op=write&format=write_html'))"
3.2 效果查看
在web端访问当前html,点击导出离线html按钮,即可将iframe中嵌入的FR报表输出为离线html,如下图:
222

附件列表


主题: 填报应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?