JS实现导出文件名随筛选值变化

1.1 问题描述

报表导出时，文件名称默认为模板名称，可以在「模板>模板Web属性>基本>标题」处修改。如果想要导出文件的名称跟随筛选框的值动态变化，该如何实现呢？

1.2 实现思路

方法一：通过模板 Web 属性中的标题实现自定义导出文件名称。

方法二：在导出按钮下的事件中的 JavaScript 脚本中,通过__filename__参数修改导出文件的名称。

2.1 方法一

1）打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\GettingStarted.cpt。

2）修改 ds1：SELECT * FROM 销量 where 地区 ='${Diqu}'。

3）点击菜单「模板>模板参数」，添加模板参数Riqi。

4）点击菜单「模板>模板 Web 属性」，输入标题：${Diqu+"_地区_"+Riqi}。

5）修改模板标题为动态标题：$Diqu + "地区销售概况"。

6）打开参数面板，删除查询按钮，将下拉框按钮的控件名修改为 Diqu：

7）在参数面板添加标签控件，控件值为：导出日期：，添加日期控件，控件名称修改为：Riqi，控件值选择公式：TODAY()。

8）给下拉框控件 Diqu 和日期控件 Riqi 添加编辑后事件，实现自动查询：

JavaScript 代码如下：

_g().parameterCommit();

9）添加一个按钮控件，控件名称改为：导出，添加点击事件：

JavaScript 代码如下：

var DIQU = _g().getParameterContainer().getWidgetByName("Diqu").getValue();
var RIQI = _g().getParameterContainer().getWidgetByName("Riqi").getValue();
var REPORT_URL = '${servletURL}?viewlet=doc/JS/自定义导出文件名称.cpt&Diqu=' + DIQU + '&Riqi=' + RIQI + '&format=excel';
window.location = (encodeURI(encodeURI(REPORT_URL)));

注：Diqu、Riqi 是参数名称，默认是在当前页面导出的

10）点击参数面板空白处，在右侧的属性面板中，将点击查询前不显示报表内容的勾去掉。

2.2 方法二

1）在上节所示基础上进行修改，清除「模板>模板 Web 属性」内的标题。

2）修改点击事件

选择导出按钮，编辑点击事件，修改js代码：

JavaScript 代码如下：

var DIQU = _g().getParameterContainer().getWidgetByName("Diqu").getValue();
var RIQI = _g().getParameterContainer().getWidgetByName("Riqi").getValue();
var name = DIQU + "_地区_" + RIQI;
var REPORT_URL = '${servletURL}?viewlet=doc/JS/自定义导出文件名称2.cpt&Diqu=' + DIQU + '&Riqi=' + RIQI + '&format=excel' + '&__filename__=' + name;
window.location = (encodeURI(encodeURI(REPORT_URL)));

2.3 预览效果

保存模板，点击分页预览，PC 端效果如下所示：

注：移动端不支持各种打印和导出方式。  

1）方法一

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\参数界面JS实例\11-JS实现自定义导出文件名称-方法一.cpt

点击下载模板：11-JS实现自定义导出文件名称-方法一.cpt

2）方法二

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\参数界面JS实例\11-JS实现自定义导出文件名称-方法二.cpt

点击下载模板：11-JS实现自定义导出文件名称-方法二.cpt