反馈已提交

网络繁忙

JS实现获取参数面板控件值

  • 文档创建者:cherishdqy
  • 编辑次数:12次
  • 最近更新:RosieY 于 2021-01-26
  • 1. 概述

    1.1 问题描述

    在设计决策报表时,需要通过决策报表主体的按钮控件或者报表块的超链接获取参数面板的控件值,该如何实现呢?

    1.2 解决思路

    通过 JS 获取参数面板的控件值:

    _g().parameterEl.getWidgetByName('text').getValue(); //text为参数面板控件名称

    2. 示例

    设计一张报表,通过_g().parameterEl.getWidgetByName('text').getValue() 获取参数面板上的值,并用弹框打印出来。

    2.1 设计报表

    1)新建一张决策报表,拖入参数面板,在参数面板中添加「文本框控件」和「查询按钮」,将「文本框控件」的控件名改为text,控件值填入我是参数控件。如下图所示:

    image.png

    2)点击参数面板空白处,取消勾选「点击查询前不显示报表内容」属性。如下图所示:

    image.png

    3)在决策报表主体拖入一个「按钮控件」和报表块,按钮名字改为获取参数控件值。如下图所示:

    image.png

    2.2 添加点击事件

    选中「按钮控件」,为其添加一个「点击」事件,如下图所示:

    image.png

    JavaScript 代码如下:

    alert(_g().parameterEl.getWidgetByName('text').getValue()); //获取参数面板的文本框text的控件值

    2.3 添加超级链接

    2.2 节中实现了点击按钮获取参数面板控件值,2.3 节将在超链接中添加 JS,实现点击超链接获取参数面板控件值。

    在 报表块 A1 单元格中输入获取参数控件值,并为其添加「超级链接」。如下图所示:

    image.png

    JavaScript 代码如下

    alert(_g().parameterEl.getWidgetByName('text').getValue());//获取参数面板的文本框text的控件值

    2.4 预览效果

    2.4.1 PC 端

    保存模板,点击「PC端预览」预览报表,点击按钮控件,即可获得参数面板中的控件值,点击报表块中的超链接也可获得参数面板中的控件值。如下图所示:

    222

    2.4.2 移动端

    App 效果及HTML5效果如下图所示:

    222

    3. 模板下载

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\14-JS实现报表组件获取参数面板控件值.frm

    点击下载模板:14-JS实现报表组件获取参数面板控件值.frm

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭