反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

点击一行任意位置实现超链跳转

  • 文档创建者:Leo.Tsai
  • 历史版本:3
  • 最近更新:Leo.Tsai 于 2021-09-18
  • 1. 概述

    1.1 预期效果

    超链可点击的范围为一行,在这一行的任意位置都可实现点击跳转,效果如下图所示:

    1631865970385717.gif

    1.2 实现思路

    主模板不使用内置的超链功能,通过加载结束事件实现按行超链。

    2. 示例

    2.1 设计主模板

    1)新建一张普通报表,新建一个内置数据集 ds1 ,表设计如下图所示:

    Snag_a611c46.png

    2)主模板的表格设计如下图所示,将数据集中的字段拖到对应单元格中。

    Snag_a6edf58.png

    2.2 设计子模板

    1)新建一张普通报表,新建一个内置数据集 ds2 ,表设计如下图所示:

    Snag_a701ab7.png

    2)子模板的表格设计如下图所示,将数据集中的字段拖到对应单元格中。

    Snag_a7130ab.png

    3)双击 A2 单元格,添加一个过滤条件,让地区等于参数$area,这个参数跟主模板传参配合,过滤展示某个地区的数据。

    Snag_a72d003.png

    2.3 设置加载结束事件

    回到主模板,添加一个加载结束事件,如下图所示:

    Snag_a771788.png

    JavaScript 代码如下:

    $(".x-table tr").click(function(){
    var a = $(this).find("td:eq(0)").text(); //获得当行第一个单元格的值作为参数
    var url = "${servletURL}?viewlet=WorkBook2.cpt&area="+a;
    window.open(FR.cjkEncode(url));
    })

    2.4 效果预览

    保存报表,分页预览主模板,点击一行的任意位置可实现超链跳转并传参。

    该方法不支持 App 端和 HTML5 端。

    3. 模板下载

    已完成模板请参见:

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链行跳转主模板.cpt

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链行跳转子模板.cpt

    点击下载模板:

    超链行跳转主模板.cpt

    超链行跳转子模板.cpt

    附件列表


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

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

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

    总裁办24H投诉

    热线电话:173-1278-1526