【表单JS迁移】JS实现报表按钮控件取到其他控件值

1. 概述
1.1 问题描述

在使用决策报表的过程中，可能会遇到添加一个按钮，然后需要这个按钮取到其他的值，该如何实现呢？

1.2 解决思路

通过 jQuery 获取控件名称：

var a=$('div[widgetname=TEXTEDITOR0]').find('.fr-texteditor').val(); //获取文本控件textEditor0的值
var b=$('div[widgetname=COMBOBOX0]').find('.fr-trigger-texteditor').val(); //获取下拉框控件comboBox0的值
var c=$('div[widgetname=LABEL0]').find('.fr-label').html(); //获取标签控件label0的值
2. 示例
2.1  新建一张决策报表

在决策报表中拖拽一个按钮控件，按钮名字为获取控件的值，如下图所示：

向决策报表中拖拽一个文本控件，控件值为我是文本控件

拖拽一个下拉框控件：控件值为我是下拉框控件

拖拽一个标签控件，控件值为我是标签控件

以文本控件为例，如下图所示：

3.2 添加点击事件

选择按钮控件，添加点击事件，如下图所示：

JS 代码如下：

1. var a = $('div[widgetname=TEXTEDITOR0]').find('.fr-texteditor').val(); //获取文本控件textEditor0的值
   
2. var b = $('div[widgetname=COMBOBOX0]').find('.fr-trigger-texteditor').val(); //获取下拉框控件comboBox0的值
   
3. var c = $('div[widgetname=LABEL0]').find('.fr-label').html(); //获取标签控件label0的值
   
4. alert(a);
   
5. alert(b);
   
6. alert(c);

复制代码

注：代码中的 widgetname 为控件的名称，英文需要大写。

4. 预览效果
4.1 PC 端

4.2 移动端

注：不支持移动端。

5. 已完成模板

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\13-JS实现报表按钮控件取到其他控件值.frm

模板下载见附件