历史版本10 :JS实现决策报表参数界面自动查询 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
我们在介绍参数应用的时候有介绍到自动查询，其效果是，在参数界面选择好参数之后，无需点击查询按钮，报表主体中会自动查询出过滤结果并展现出来。
目前我们移动端的决策报表也支持自动查询。
2. 思路编辑
用户可以在模板中添加js脚本：
_g().parameterCommit();
3. 操作步骤编辑
3.1 新建决策报表
新建一张决策报表，往决策报表中拖曳一个参数界面和报表块。
3.2 数据配置
增加数据集ds1，sql语句为：SELECT * FROM 销量 where 地区='${地区}'
3.3 增加参数界面
将参数界面拖入报表主体，选择参数界面，点击右上角的全部添加，参数界面添加刚刚生成的地区参数。
注：决策报表body中的控件，无法使用该自动查询JS，控件必须在参数面板中。
3.4 参数控件设置
1）设置参数地区的控件类型为下拉框，控件名为：地区，数据字典选择数据库表，数据库为FRDemo，数据表为销量，实际值与显示值的列名都选择地区。
2）点击参数地区的下拉框控件，在属性表的下方选择面板，点击增加编辑后事件，如下图：
js代码如下：
js代码如下：
_g().parameterCommit();
注：移动端需要将js添加到编辑结束事件中。
3.5 增加报表块
将报表块拖入报表主体中，报表块设计如下：
3.6 效果查看
保存模板预览。
4. 预览效果编辑
4.1 PC端预览效果
4.2 移动端预览效果
1）APP预览效果
2）H5预览效果
5. 已完成模板编辑
模板效果在线查看请点击：决策报表自动查询JS.frm
已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\23-决策报表自动查询JS.frm