历史版本18 :[App]JS实现扫码查询信息 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

JAR 包

HTML5 移动端展现插件版本

App 版本

10.02019-12-0510.4.4910.4.49

1.2 解决思路 

Finereport 支持移动端对文本控件扫码来自动查询报表信息,不需要手动输入文本控件信息。

该功能通过在文本控件的编辑后事件里添加自动查询 JS 语句:_g().parameterCommit(); 来实现。

支持范围:

  • APP 支持、HTML5 需在微信钉钉集成下支持;

  • 填报中的文本控件、表单中的文本控件。

    注:HTML5 访问需设置 单点登录

2. 示例编辑

2.1 操作步骤

2.1.1 新建模板

1)打开 FineReport 设计器,点击文件>新建普通报表,新建模板数据集 ds1 ,在「数据库查询」对话框中写入 SQL 查询语句:SELECT * FROM 销量,点击确定,如下图所示:

22.png

2)将模板数据集 ds1 中的字段拖入到对应单元格中,如下图所示:

62.png

3)点击模板>模板参数,在「模板参数」提示框中添加参数,并双击修改模板参数名称为「地区」,「默认值」设置为空。如下图所示:

61.png

4)点击参数面板的编辑按钮,进入参数面板设置界面。右上角控件设置面板会显示没有添加控件的参数,点击地区或者点击全部添加,将参数的默认控件添加到参数面板。如下图所示:

151.png

5)点击自定义控件的编辑按钮,选择文本框控件类型,添加一个「文本控件」,控件名为「地区」,如下图所示:

411.png

6)双击 A1 单元格,为其设置过滤条件,地区等于参数$地区,如下图所示:

666.png

2.1.2 添加自动查询 JS 语句

1)为文本控件添加「编辑后事件」:_g().parameterCommit();,如下图所示:

43.png

2.1.3 选择输入方式

1)选中文本组件,在「移动端」下可选择三种支持方式:「支持手动和扫码输入」、「仅支持手动输入」、「仅支持扫码输入」。本文选择「仅支持扫码输入」,如下图所示:

a.png

2.2 移动端预览效果

将模板添加到决策系统中,在移动端访问该模板。

1)APP展示:

仅支持扫码输入即点击整个文本控件区域,都触发扫码,如下图所示:

1575943349510300.gif

2)HTML5展示:

仅支持扫码输入即点击整个文本控件区域,都触发扫码,如下图所示:

1575946594800822.gif