反馈已提交

网络繁忙

超级链接-JavaScript脚本

  • 文档创建者:Leo.Tsai
  • 编辑次数:6次
  • 最近更新:Leo.Tsai 于 2021-10-18
  • 1. 概述

    1.1 应用场景

    JavaScript 脚本自由度较高,可以实现很多报表展示效果,设计该类型的超链需要您有一定的 JavaScript 基础。

    当然文档里面也提供一些 JavaScript 类型的超级链接方案,您可以直接使用。

    本文示例将通过 JavaScript 脚本类型的超链将报表导出为 Excel ,效果如下图所示:

    1629430757297396.gif

    1.2 功能介绍

    • 配置界面可以引用外部 JavaScript 文件,可以添加参数。在下方区域编辑 JavaScript 代码。

    • 超链支持传参,详细介绍参见文档:JavaScript超链传参

    1629437872672286.png

    2. 示例

    2.1 准备模板

    使用文档 超级链接-网络报表 里的模板,实现点击导出时,可以将这个订单ID对应的明细表导出为 Excel 。

    打开设计器内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\订单总览表.cpt

    或者点击此处直接下载:订单总览表.cpt

    2.2 设计表格

    在原模板基础上,E1 单元格写标题导出明细表,E2 单元格写文本导出,如下图所示:

    Snag_24a40c5b.png

    2.3 添加超级链接

    选中 E2 单元格,添加一个 JavaScript 类型的超级链接,代码中用到了参数,所以需要在配置界面设置一个参数ID,其值为公式=A2,如下图所示:

    Snag_2dff17d4.png

    JavaScript 代码如下:

    window.open(encodeURI(encodeURI("${servletURL}?reportlet=/订单明细表.cpt&订单号=" + ID + "&format=excel")));

    也支持导出其他格式的文件,详情参见文档:导出格式参数值

    2.4 效果预览

    保存报表,点击分页预览,效果如 1.1应用场景 中所示。

    该示例的方法不支持移动端预览,但不是说 JavaScript 类型的超链不支持移动端预览哦,要看接口支不支持移动端。

    3. 模板下载

    已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\JavaScript超链导出Excel.cpt

    点击下载模板:JavaScript超链导出Excel.cpt

    附件列表


    主题: 报表专题
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭