前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >报表开发-列表参数

报表开发-列表参数

作者头像
全栈程序员站长
发布于 2022-07-22 02:09:07
发布于 2022-07-22 02:09:07
5380
举报

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年4月5,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文