报表开发-列表参数

大家好，又见面了，我是你们的朋友全栈君。

1.目的：做一个下图的筛选框-实现多选

（这是在已有报表基础上加一个筛选框，如果从无到有，步骤略有不同）

报表开发-列表参数

（点击前）

报表开发-列表参数

（点击时）

2.首先配置数据源

制作报表，点击报表中任意一个指标，在左上角出现数据源

报表开发-列表参数

3.从组件中拖一个列表参数过来

报表开发-列表参数

4.拖过来是这样子的，右键，录入数据

报表开发-列表参数

报表开发-列表参数

5.录入固定数据，绑定数据源

报表开发-列表参数

（记得按“应用”和“确定”）

添加完就下面这样了

报表开发-列表参数

6.搞清楚这里对什么进行筛选

报表开发-列表参数

我这里对综合评价进行筛选

7.配置数据源-添加表达式

报表开发-列表参数

8.表达式中写js语句

（写sql也行的，js是吧数据拉出来操作，sql是在服务器端操作，建议不要勾选SQL表达式）

报表开发-列表参数

9.表头还用的综合评价判断之前的表达式，给它改为我们刚写的appraise

报表开发-列表参数

10.拖到原表达式后面，再把原表达式删除

报表开发-列表参数

11.综合评价下字段显示出来了-appraise

appraise-右键，表格渲染，让表格也匹配列表参数

报表开发-列表参数

报表开发-列表参数

12.动态渲染

报表开发-列表参数

13.切换元数据模式-合并单元格-再退出元数据模式

点击报表空白处，右键切换元数据

报表开发-列表参数

报表开发-列表参数

14.对列表参数操作

右键属性，按图操作（因为我们设了四个值就留4）

报表开发-列表参数

15.下图是现在，调整背景色，字体颜色

报表开发-列表参数

调整边框颜色

报表开发-列表参数

右键，组件格式

报表开发-列表参数

选中，右键，属性

报表开发-列表参数

16.双击，选中列表参数，删除四个字，打一个空格

报表开发-列表参数

报表开发-列表参数

17.设置过滤器

报表开发-列表参数

报表开发-列表参数

18.来看看效果

报表开发-列表参数

报表开发-列表参数

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/125240.html原文链接：https://javaforall.cn