历史版本6 :JS实现工具栏按钮只导出单一格式文件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

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

2. 思路编辑

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

3. 实现步骤编辑

3.1 模板设置

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

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

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

222

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

222

3.2 定义事件

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

222

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文件,如下图所示:
222

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

5. 已完成模板编辑

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