JS实现切换sheet刷新

1.1 版本

1.2 预期效果

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

1.3 实现思路

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

2.1 报表设计

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

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

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

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代码

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

JavaScript 代码如下：

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

2.5 效果预览

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

注：不支持移动端。

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