FineReport报表工具制作图表-JS实现下拉框选择后复选框默认全选

发布网友发布时间：2024-10-08 20:59

共1个回答

热心网友时间：2024-10-23 06:31

FineReport报表工具中，当实现下拉框选择与复选框联动时，关键步骤如下：

首先，为参数联动设置数据查询。创建数据集ds2，其SQL语句为：SELECT 省份 FROM 地图 where pid='${A}'，用于绑定下拉复选框控件的数据字典。

接着，设计表格并拖入对应字段，展示参数。在参数面板中添加A和B两个数据集参数，A为下拉框，B为复选框。确保正确绑定控件数据字典，B控件的返回值类型设置为字符串，分隔符为逗号。

在下拉框控件上添加编辑后事件，通过JavaScript调用`FR.remoteEvaluate`接口，执行SQL查询，获取与选中值对应的省份信息，然后将查询结果格式化为复选框可用的格式。延迟300毫秒后，将处理后的值赋给复选框。

预览效果方面，无论是PC端还是移动端（包括App和H5版本），都能看到下拉框选择后复选框默认全选的效果。不过，如果遇到安全风险提示，需在决策系统的安全管理模块中调整脚本调用公式*，关闭相关设置即可。

总的来说，FineReport通过巧妙地运用参数联动和JS，实现了下拉框选择后复选框的默认全选功能，确保了报表数据的实时更新和交互体验。