超级链接到有参数的模板

  • 文档创建者:印然
  • 编辑次数:11次
  • 最近更新:Carly 于 2020-04-22
  • 1. 概述

    1.1 预期效果

    在设置超级链接时,会遇到链接到的模板是有参数。希望点击超级链接时,当前单元格的内容作为参数值传递给下一个报表的参数。如下图所示:

    1583805503185881.gif

    1.2 实现方法

    通过网络报表或 JavaScript 脚本,实现超级链接到有参数的模板。

    2. 示例一:网络报表

    2.1 子模板

    新建普通报表,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

    2.1.1 新建数据集

    新增数据集 ds1:SELECT * FROM 销量 where 1=1 ${if(len(area) == 0,"","and 地区 = '" + area + "'")}

    area 为自定义参数名称,也就是对应地区的过滤名称(控件名)。判断控件值是否为空,如为空,默认查询全部。

    如下图所示:

    1583803313661508.png

    2.1.2 设计报表

    1)报表页面设计如下图所示:

    1583804029559884.png

    2)选中 C2 单元格,选择单元格元素>基本数据设置汇总、求和。如下图所示:

    1583804148277259.png

    2.2 主模板

    新建普通报表,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-网络报表.cpt

    2.2.1 新建数据集

    新增数据集 ds1:SELECT * FROM 销量

    如下图所示:

    1583804672912085.png

    2.2.2 设计报表

    1)报表页面设计如下图所示:

    1583804029559884.png

    2)选中 C2 单元格,选择单元格元素>基本,数据设置为汇总、求和。如下图所示:

    1583804148277259.png

    2.3 设置超级链接并传递参数

    打开超级链接到有参数的模板-网络报表.cpt,选中 A2 单元格,点击超级链接,添加网络报表

    网络报表选择/doc/SpecialSubject/HyplinkReport/超级链接到有参数的模板-子模板.cpt,链接打开于新窗口,设置参数area=$$$

    如下图所示:

    1583805053817338.png

    2.4 效果预览

    2.4.1 PC 端

    保存模板,点击分页预览。点击「华东」,跳转至子模板,且子模板只显示「华东」部分的数据。如下图所示:

    1583805446800757.gif

    2.4.2 移动端

    App 及 HTML5 端预览效果如下图所示:

    1583805994831823.gif

    3. 示例二:JavaScript 脚本

    3.1 模板设置

    1)子模板设置与本文 2.1 节一致,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

    2)主模板设置与本文 2.2 节一致,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-JavaScript 脚本.cpt

    3.2 设置超级链接并传递参数

    打开超级链接到有参数的模板-JavaScript 脚本.cpt,选中 A2 单元格,点击超级链接,添加 JavaScript 脚本

    设置参数A=A2,添加 JavaScript 代码,如下图所示:

    1583806648970685.png

    JavaScript 代码如下:

    window.open("${servletURL}?viewlet=doc/SpecialSubject/HyplinkReport/超级链接到有参数的模板-子模板.cpt&op=view&area="+A);

    3.3 效果预览

    保存模板,点击分页预览。点击「华东」,跳转至子模板,且子模板只显示「华东」部分的数据。如下图所示:

    1583807063607588.gif

    注:不支持移动端。

    4. 已完成模板

    4.1 示例一:网络报表

    1)主模板

    已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-网络报表.cpt

    点击下载模板:超级链接到有参数的模板-网络报表.cpt

    2)子模板

    已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

    点击下载模板:超级链接到有参数的模板-子模板.cpt

    4.2 示例二:JavaScript 脚本

    1)主模板

    已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-JavaScript 脚本.cpt

    点击下载模板:超级链接到有参数的模板-JavaScript 脚本.cpt

    2)子模板

    已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

    点击下载模板:超级链接到有参数的模板-子模板.cpt

    附件列表


    主题: 报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!