JS实现工具栏按钮只导出单一格式文件

编辑
  • 文档创建者:yiyemeiying
  • 浏览次数:2920次
  • 编辑次数:6次
  • 最近更新:ukae 于 2018-08-13
  • 1. 描述

    场景描述:FineReport支持多种不同的导出方式,直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出。但是有时候,我们需要自定义的文件类型。此时,这种自定义工具栏按钮如何实现导出呢?

    2. 思路

    可以通过添加自定义按钮,设置JS事件来实现。

    3. 实现步骤

    3.1 模板设置

    我们以自定义导出txt文件为例。

    打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\GettingStarted.cpt

    点击模板>模板web属性>分页预览设置>为模板单独设置,如下图所示:

    双击自定义按钮,选择编辑按钮,打开“编辑”窗口,设置控件别名为自定义,如下图所示:

    3.2 定义事件

    点击“自定义事件”,进入设置回调函数界面,添加2个参数servletURLreportName,参数值选择公式:servletURLreportName如下图所示:

    JS代码:

    var mrname=FR.cjkEncode(reportName);  /* 中文目录及文件名,通过帆软自带js转码*/    
    var mrurl=servletURL+'?reportlet='+mrname; /* 获取路径*/    
    /*window.open(mrurl+'&format=text');*/    
    window.location.href=mrurl+'&format=text';/*下载文件*/
    注:最终导出的文件类型由JS代码中的format=text内容决定!
    导出代码同上所示:
    format=word     //导出word格式的文件    
    format=excel    //导出excel格式的文件    
    format=pdf       //导出excel格式的文件    
        

    4. 预览效果

    4.1 PC端预览效果

    点击分页预览后,单击工具栏上的自定义按钮,即可导出txt文件,如下图所示:

    注:经过测试,移动端不支持该效果。

    5. 已完成模板

    模板效果在线查看请点击:JS实现工具栏按钮只导出单一格式文件.cpt
    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\工具栏JS实例\02-JS实现工具栏按钮只导出单一格式文件.cpt

    附件列表


    主题: 二次开发
    如果您认为本文档还有待完善,请编辑

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

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