最新历史版本 :JS实现切换sheet刷新 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 预期效果

希望在填报完成后,切换sheet时可以自动进行刷新,如下图所示:

2023-03-20_10-24-56.gif

1.3 实现思路

使用 _g().parameterCommit() 接口在切换sheet后进行刷新。

2. 示例编辑

2.1 报表设计

1)新建一张普通报表,新建数据集 ds1,SQL 语句为:SELECT * FROM 账单明细表

2)报表添加一个模板参数,命名为 ID,默认值为 ALFKI,如下图所示:

3)在参数面板给这个参数绑定控件,控件类型选择下拉框,数据字典设置为账单明细表中的客户ID字段,如下图所示:

2023-03-20_10-32-23.png

2.2 准备 sheet1

1)设计 sheet1 的表格,将 ds1 字段拖拽到对应单元格中,B2 和 E2 添加日期控件,C2 和 D2 添加文本控件,如下图所示:

2)双击 A2 单元格添加数据过滤,绑定模板参数,实现参数查询效果,如下图所示:

3)给 sheet1 设置填报属性,如下图所示:

2.3 准备 sheet2

1)点击设计器左下角新增 sheet 按钮,新增一个 sheet2。设计它的表格

2)双击 A2 单元格添加数据过滤,绑定模板参数,实现参数查询效果,如下图所示:


2.4 添加JS代码

编辑参数面板,选择下拉框控件,添加「加载结束」事件实现,如下图所示:

2023-03-20_10-32-23.png

JavaScript 代码如下:

$(".fr-sheetbutton-container").click(function() //切换sheet时
        {
                 _g().parameterCommit()
        }
);

2.5 效果预览

PC 端预览效果如 1.2 节所示。

注:不支持移动端。

3. 模板下载编辑

点击下载模板:填报切换sheet刷新.cpt