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

编辑
  • 文档创建者:yiyemeiying
  • 浏览次数:3339次
  • 编辑次数:8次
  • 最近更新:fr_Diana 于 2019-07-30
  • 1. 描述

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


    2. 思路

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


    3. 实现步骤

    3.1 模板设置

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

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

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

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


    3.2 定义事件

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

    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