决策报表控件实现点击查询按钮后才能查询

1.1 问题描述

某些情况下决策报表 body 组件里的控件在键入查询参数后会立即触发查询动作，如下图所示：

但有时候希望能做成和普通报表的参数面板一样，设置一个查询按钮，点击后查询按钮后才触发查询动作，如下图所示：

1.2 解决思路

在控件的编辑后事件里用 return false 阻止原有的查询效果，然后在查询按钮里用 gotopage 去刷新报表块并实现传参效果。

2.1 报表设计

1）新建决策报表，body 组件采用绝对布局，如下图分别将标签控件、下拉复选框控件、按钮控件、报表块拖入设计主体中，调整好大小和布局。

2）选中下拉复选框控件，设置控件名称为a，定义好数据字典。

自定义数据字典如下图所示：

3）选中下拉复选框控件，添加一个编辑后事件，JS 代码如下：

return false;

4）选中按钮控件，重命名为查询，并给控件添加一个点击事件，JS 代码如下：

var a=_g().getWidgetByName('a').getValue();
this.options.form.getWidgetByName("report0").gotoPage(1,"{a:'"+a+"'}",true);

5）报表块的 A1 单元格添加公式split($a,',')。

2.2 效果预览

保存报表，点击PC端预览，效果如描述中所示。

注：不支持移动端。

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\决策报表控件实现点击查询按钮后才能查询.frm

点击下载模板：决策报表控件实现点击查询按钮后才能查询.frm