1. 概述
1.1 问题描述
在设计决策报表时,需要通过决策报表主体的按钮控件或者报表块的超链接获取参数面板的控件值,那么该如何实现呢?
1.2 解决思路
通过内置接口和 JS 事件获取参数面板的控件值:
_g().parameterEl.getWidgetByName('text').getValue(); //text为参数面板控件名称
2. 示例
2.1 设计报表
1)新建一张决策报表,拖入参数面板,在参数面板中添加「文本框控件」和「查询按钮」,将「文本框控件」的控件名改为text,控件值填入我是参数控件。如下图所示:
2)点击参数面板空白处,取消勾选「点击查询前不显示报表内容」属性。如下图所示:
3)在决策报表主体拖入一个「按钮控件」和报表块,按钮名字改为获取参数控件值。如下图所示:
2.2 添加点击事件
选中「按钮控件」,为其添加一个「点击」事件,如下图所示:
JavaScript 代码如下:
alert(_g().parameterEl.getWidgetByName('text').getValue()); //获取参数面板的文本框text的控件值
2.3 添加超级链接
2.2 节中实现了点击按钮获取参数面板控件值,2.3 节将在超链接中添加 JS,实现点击超链接获取参数面板控件值。
在 报表块 A1 单元格中输入获取参数控件值,并为其添加「超级链接」。如下图所示:
JavaScript 代码如下:
alert(_g().parameterEl.getWidgetByName('text').getValue());//获取参数面板的文本框text的控件值
2.4 预览效果
2.4.1 PC 端
保存模板,预览后点击按钮和超链,获取控件值的效果如 1.1问题描述 中所示。
2.4.2 移动端
支持 App 端和 HTML5 端预览。效果如下图所示:
3. 模板下载
已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\14-JS实现报表组件获取参数面板控件值.frm
点击下载模板:14-JS实现报表组件获取参数面板控件值.frm