JS使用填报页面的控件查询

目录:

1. 描述

在设计报表的过程中,有部分需求需要使用填报控件来实现查询的功能,如下面的示例下拉框选择地区后列表自动过滤显示所选地区的数据,该如何实现?

2. 思路

在参数界面设置隐藏的地区下拉框控件,在填报的下拉框控件的编辑后事件中将当前控件的值赋值给参数界面的地区控件,并执行查询。

3. 操作步骤

3.1 新建数据集

新建数据集ds1为:SELECT * FROM 销量 where 1=1 ${if(len(area)==0,"","and 地区='" + area + "'")} 。

3.2 设计模板

将数据集的字段拖入单元格中,并添加一个选择地区的下拉框,如下图:

3.3 设置参数界面

参数界面中添加一个下拉框控件,控件名为area,并设置控件不可见。

注:当参数面板中有控件时,预览报表默认会显示一个向下的三角按钮,可通过JS隐藏参数界面向上向下的三角按钮。

3.4 设置填报控件

右键单元格中添加的下拉框控件,点击控件设置,设置下拉框控件名为area。

/*获取单元格C2选择的地区控件的值*/ var area1=contentPane.getWidgetByName("area").getValue(); /*获取参数面板中的文本控件*/ var area2=contentPane.parameterEl.getWidgetByName("area"); /*给参数界面中的文本控件赋值*/ area2.setValue(area1); /*执行查询*/ _g().parameterCommit();

4. 预览效果

4.1 PC端预览效果

4.2 移动端预览效果

注:此JS不支持移动端使用

5. 已完成模板

模板效果在线查看请点击:JS使用填报页面的控件查询.cpt
已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\填报预览JS实例\33-JS使用填报页面的控件查询.cpt


附件列表


主题:
标签: 已验证 9.0验证

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201