历史版本8 :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 个参数 servletURL和reportName，参数值选择公式：servletURL 和 reportName，如下图所示：

222

JS 代码：


var mrname=FR.cjkEncode(reportName);  /* 中文目录及文件名，通过帆软自带js转码*/    
var mrurl=servletURL+'?viewlet='+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

点击下载模板