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

1. 描述

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

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

2. 示例
2.1 数据准备

新建数据集 ds1，SQL查询语句：SELECT * FROM 销量。

2.2 报表块设计

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

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

2.3 单元格添加超级链接

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

JS 代码如下：

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

复制代码

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

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

2.4 隐藏单元格

选中第三行，右击隐藏，如下图所示：

3. 效果预览

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

注：不支持移动端。

4. 已完成模板

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

模板下载见附件

显示总销量很奇怪，如何做出点击显示每个销售员对应的销量呢？