历史版本5 :JS实现下拉复选框默认全选 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
功能变更
11.0--

1.2 预期效果

在参数面板中,添加「下拉复选框控件」,预览报表的时候,「下拉复选框控件」默认全选。如下图所示:

image.png

1.3 实现思路

控件添加初始化后事件,通过 JS 代码实现全选。

2. 示例编辑

2.1 准备模板

1)新建模板,新建数据集查询 ds1,SQL语句为:SELECT * FROM 销量。如下图所示:

image.png

2)在参数面板添加一个「下拉复选框控件」,为其绑定「数据字典」。如下图所示:

image.png

2.2 添加事件

选中「下拉复选框控件」,为其添加一个「初始化后」事件。如下图所示:

image.png

JavaScript 代码如下:

this.doSelectAll();//默认全选
this.setText(this.getText());//赋显示值

2.3 效果预览

2.3.1 PC 端

保存模板,点击「分页预览」,效果如下图所示:

image.png

2.3.2 移动端

不支持移动端。

3. 模板下载编辑

已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\参数界面JS实例\JS实现下拉复选框默认全选.cpt

点击下载模板:JS实现下拉复选框默认全选.cpt