历史版本5 :JS实现工具栏按钮只导出单一格式文件 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
场景描述:FineReport支持多种不同的导出方式,直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出。但是有时候,我们需要自定义的文件类型。此时,这种自定义工具栏按钮如何实现导出呢?
2. 思路编辑
可以通过添加自定义按钮,设置JS事件来实现。
3. 实现步骤编辑
3.1 模板设置
我们以自定义导出txt文件为例。
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\GettingStarted.cpt
点击模板>模板web属性>分页预览设置>为模板单独设置,如下图所示:
双击自定义按钮,选择编辑按钮,打开“编辑”窗口,设置控件别名为自定义,如下图所示:
3.2 定义事件
点击“自定义事件”,进入设置回调函数界面,添加2个参数servletURL和reportName,参数值选择公式: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%\WebReport\WEB-INF\reportlets\doc\JS\工具栏JS实例\02-JS实现工具栏按钮只导出单一格式文件.cpt