JS获取扩展控件的所有值

1.1 问题描述

在做填报报表时，添加的填报控件是扩展显示的，需要获取扩展的填报控件的所有值。如下图所示，获取单选按钮组控件扩展的所有值。

1.2 实现思路

给按钮添加点击事件遍历扩展的控件，如果控件只有一个，则获取它的值，如果有多个，就遍历获取所有值。

2.1 准备扩展控件

2.1.1 单选按钮组控件

1）新建模板，在 A1 单元格添加「单选按钮组控件」，控件名设置为 p1，如下图所示：

注：控件名称 p1 将和即将添加点的 JS 配合使用，若修改，请修改 JS 中相应的代码。

2）选定 A1 单元格，设置 A1 单元格纵向扩展，如下图所示：

3）选定 A1单元格「单选按钮组控件」，给单选按钮组控件添加数据字典，如下图所示：

2.1.2 插入行按钮

在 B1 单元格中添加「按钮控件」，设置按钮类型为「插入行」，指定单元格为 A1，如下图所示：

2.2 获取扩展控件值

1）在 A3 单元格中添加「按钮控件」，设置按钮类型为「普通」，按钮名字为「获取单选按钮组所有值」，如下图所示：

2）为 A3 单元格「按钮控件」，添加一个「点击」事件，如下图所示：

JavaScript 代码如下：

var temp="";
var arr=contentPane.getWidgetsByName("p1");  //获取扩展单选按钮组控件p1
if(arr[0]!=undefined)
{
for(var i=0;i<arr.length;i++)
{temp = temp + arr[i].getValue() + ' ';}
}
else 
{temp=arr.getValue()
}
alert(temp);

2.3 预览效果

2.3.1 PC 端

保存模板，选择「填报预览」，PC 端实现效果下图所示：

2.3.2 移动端

App 及 HTML5 效果如下图所示：

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\37-JS获取扩展控件的所有值.cpt

点击下载模板：37-JS获取扩展控件的所有值.cpt