大家好,又见面了,我是你们的朋友全栈君。
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.来看看效果
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/125240.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...