自定义按钮输出离线html

编辑
  • 文档创建者:文档助手1
  • 浏览次数:3627次
  • 编辑次数:14次
  • 最近更新:jiangsr 于 2019-03-07
  • 1. 描述

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

    2. 解决方案

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

    3. 示例

    新建一个空白html,在里面添加一个按钮和一个iframe,其中iframe指向工程中的某张填报报表,这里使用doc/Form/LineForm/行式填报表.cpt这张模板,如下图:

    <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="/webroot/decision/view/report?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/webroot/decision/view/report?viewlet=doc/Form/LineForm/行式填报表.cpt&op=write">
    	</iframe> 
      </body>  
    </html>
    注:由于输出离线html报表,意味着该张模板的预览模式是填报预览,故需要在src后面加上&op=write
    3.1 自定义按钮事件
    希望点击导出离线html按钮的时候,能将iframe中嵌入的报表输出为离线html,故我们为该按钮添加点击事件。
    填报预览报表的URL后面添加format参数等于write_html如下图:

    注:自定义按钮还有很多不同的接口,详细请查看自定义按钮
    onclick="window.open('http://localhost:8075/webroot/decision/view/report?viewlet=doc/Form/LineForm/行式填报表.cpt&op=write&format=write_html')"
    3.2 效果查看
    在web端访问当前html,点击导出离线html按钮,即可将iframe中嵌入的FR报表输出为离线html,如下图:




    附件列表


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

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

    此页面有帮助吗?只是浏览 [ 去社区提问 ]