历史版本15 :JS实现无需点击查询按钮即可自动查询 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 预期效果
我们内置的查询界面都要通过点击查询按钮才能查询出数据,用户觉得这样太麻烦,希望直接在输入参数后就查询结果,不需要点击查询按钮,或者在填报成功后重新触发查询,那么如何来实现呢?如下图所示:
1.2 实现思路
用户可以在模板中添加 JS 脚本 _g().parameterCommit() 来触发查询事件。
2. 示例编辑
2.1 准备模板
准备一个需要参数查询,但参数面板不添加查询按钮的模板。
打开内置模板 %FR_HOME%\webroot\WEB-INF\reportlets\GettingStarted.cpt,删除参数面板「查询」按钮,如下图所示:
点击可下载模板:GettingStarted.cpt
2.2 添加事件
点击参数面板的「下拉框控件」,为其添加一个「编辑后」事件,实现下拉框选择值后触发报表查询的功能,如下图所示:
2.3 效果预览
保存报表,点击「分页预览」,在下拉框控件中选择某个值后就可自动查询,PC端效果如 1.1 节所示。
App 及 HTML5 效果如下图所示:
3. 模板下载编辑
点击下载模板:JS实现无需点击查询按钮即可自动查询.cpt