反馈已提交

网络繁忙

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

点击单元格空白处超链也能跳转

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

    1.1 问题描述

    正常设置单元格超链,前端预览时只有点击文本才能跳转,如果想要点击单元格空白区域也能跳转如何实现呢?效果如下图所示:

    1630461723901103.gif

    1.2 解决方案

    • 普通报表:单元格用图片显示内容。

    • 决策报表:报表块添加初始化事件。

    2. 方案

    2.1 普通报表

    如果是普通报表,单元格里添加超链后,将单元格属性>其他>显示内容设置为用图片显示内容即可,如下图所示:

    1630462132231815.png

    2.2 决策报表

    如果是决策报表报表块里的超链,给这个报表块添加一个初始化事件即可,如下图所示:

    1630462502824935.png

    JavaScript 代码如下:

    // 实现单元格除文字以外的空白区域也有超链效果
    setTimeout(function(){
    $("div[widgetname=REPORT0]").find(".reportContent td").css('cursor','pointer');
    $("div[widgetname=REPORT0]").find(".reportContent td").click(function(){
    $(this).find('span')[0].click()
    })
        //将frm中下拉框选项样式修改JS写法,否则无法执行
    $('.view-container').attr('id','view-container')
        
    },1000)

    注:代码中有 2 处 REPORT0 ,这个是当前报表块的名称,如果您的报表块名称不一样需要改下,而且必须是大写哦,否则不生效。

    附件列表


    主题: 报表专题
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526