JS实现自定义选项弹窗

2.1.1 数据准备

新建普通报表，新建数据集 ds1，SQL 语句为：，如下图所示：

2.1.2 设计表格

1） 如下图设计表格，将字段拖入到对应单元格中：

2）A3 单元格属性设置「形态>数据字典>数据库表」，选择内置数据库「FRDemo」的「S 客户」表，实际值为「客户ID」，显示值为「公司名称」，步骤如下图所示：

3）设置前两行重复与冻结，操作步骤如下图所示：

2.1.3 添加模板参数

点击「模板>模板参数」，添加文本类型参数，重命名为「公司名称」，步骤如下图所示：

2.1.4 设置单元格过滤

A3 单元格元素增加过滤条件：数据列选择「客户ID」，操作符选择「包含于」，选择「参数」为「$公司名称」。操作步骤如下图所示：

2.1.5 设置参数面板

1）编辑参数面板，点击右侧组件设置上方的「全部添加」，生成参数控件，删除「公司名称」标签控件，点击参数框，选择「文本控件」，操作步骤如下图所示：

2）拖动「按钮控件」到参数面板，设置按钮名字为「...」，操作步骤如下图所示：

3）点击「按钮控件」，添加「点击事件」，步骤如下图所示：

Javascript 代码如下：

2.2.1 数据准备

新建普通报表，新建数据集 ds1，SQL 语句为：，如下图所示：

2.2.2 设计表格

1）将 A1 单元格与 B1 单元格合并，第二列缩小行高保留，A3 单元格与 B3 单元格合并，A4 单元格保留添加「复选按钮控件」 ，然后将字段拖入到 B4~H4 对应的单元格中，设计如下图所示表格：

2）B4 单元格属性设置「形态>数据字典>数据查询」，选择数据集 ds1 ，实际值为「客户ID」，显示值为「公司名称」，步骤如下图所示：

3）设置前两行重复与冻结，操作步骤如下图所示：

2.2.3 添加按钮控件

1）A1 单元格添加「按钮控件」，按钮名称设置为「处理已选中记录」。如下图所示：

2）「按钮控件」添加「初始化后」事件，操作步骤如下图所示：

Javascript 代码如下：

3）「按钮控件」添加「点击」事件，操作步骤如下图所示：

Javascript 代码如下：

2.2.4 添加复选按钮控件

1）A4 单元格的左父格设置为 B4 单元格。

2）A4 单元格添加「复选按钮控件」，添加「状态改变」事件，设置参数 a ，值为公式，操作步骤如下图所示：

Javascript 代码如下：

2.3.1 PC 端

分别保存主模板和子模板，主模板点击「分页预览」，效果如下图所示：