JS实现决策报表获取单元格对应值

  • 文档创建者:邮行侠
  • 编辑次数:4次
  • 最近更新:Carly 于 2019-10-10
  • 1. 描述

    给决策报表中报表块的单元格添加 JavaScript 类型的超级链接,实现根据单元格扩展之后的绝对层次坐标,显示该坐标对应单元格的值。

    通过获取任意单元格的值,建立缓存变量,报表显示统计,点击链接显示统计的明细。

    2. 示例

    2.1 数据准备

    新建数据集 ds1,SQL查询语句:SELECT * FROM 销量

    Snag_e2a647.png

    2.2 报表块设计

    决策报表的报表块设计如下图所示:

    1570695020689565.png

    其中 B2 单元格的数据设置为汇总,如下图所示:

    1570695178731807.png


    2.3 单元格添加超级链接

    选中 B2 单元格,给单元格添加 JavaScript 类型的超级链接,如下图所示:

    1570695525791733.png

    JS 代码如下:

    var obj = _g().options.form.getWidgetByName("report0").
    element.click().find("td[id^=B11]").text();//需要获取其他单元格值,任意改变B2的相对坐标即可
    FR.Msg.alert('总销量',obj);

    注1:代码中的 B11 是 B3 单元格预览时的 ID 值,想要获取其他单元格的值,可以修改该参数。

    注2:report0 就是决策报表中的报表对象名称,核心是通过 JavaScript 的 click 事件,借助 find 查找进行实现。

    2.4 隐藏单元格

    选中第三行,右击隐藏,如下图所示:

    1570695851989889.png

    3. 效果预览

    保存表单,点击表单预览,超级链接显示效果如下图所示:

    1570696017606866.gif

    注:不支持移动端。

    4. 已完成模板

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\30-JS实现决策报表获取单元格对应值.frm

    点击下载模板:30-JS实现决策报表获取单元格对应值.frm

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!