news 2026/4/16 17:15:56

低代码列表引擎:列表页字段样式的配置

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
低代码列表引擎:列表页字段样式的配置

在当今数据驱动的商业环境中,列表页作为后台系统最常见的数据展示界面,一个精心配置的列表页,能够将杂乱无章的数据转化为清晰有序的信息,让用户在茫茫数据中迅速找到所需内容。

JVS低代码列表引擎字段样式配置,通过精准的字段样式控制,让不同状态的数据以不同颜色呈现,重要信息通过宽度调整突出显示。

列表页字段样式配置

列表页中,通常存在各种各样的样式控制,例如字段宽度需要可调、字段的颜色根据内容变化等,那么我们接下来介绍下字段的样式控制的内容以及对应的效果。

1、字段样式控制配置

进入列表页的 数据配置界面,每个字段可以有独立的配置效果

配置方式如下所示,具备应用管理员权限的用户进入列表页设计器

找到需要样式控制的字段,找到显示配置中的配置按钮,点击配置

①:新增一行的效果配置,系统会动态的增加一组的配置数据

②:填入“值”,这里的效果就是当本字段的值等于 填入的 “值”的时候,触发本行配置数据的效果

③:设置文本的颜色

④:设置背景效果

⑤:可以将内容进行转换展示

2、固定列配置

效果与配置方式如下:

如果字段过多,希望字段在横向拖动的时候,保持有序列一直展示,如下图所示:

配置方式,,进入列表页的配置接麦你,在显示配置上找到对应字段上,固定选项勾选上,把操作栏固定勾选上即可完成

3、字段宽度配置

注意:列表页展示字段个数小于5个时默认铺满,超过5个字段设置宽度生效。

下面我们来看看效果与配置方式

进入列表页的字段配置界面

配置对应字段宽度

4、字段展示顺序配置

效果如图所示:

设置方式:

5、字段复制配置

配置方式如下图

6、字段触发表单

如下图所述,配置最终的效果是点击列表页中的某个字段,字段弹出来一个对应的表单,常见的场景 例如在订单编号上点击,弹出订单的详情

配置方式如下图所示:

进入列表页的配置界面,点击配置选项,弹出字段详细配置界面

设置关联打开的表单,如下图所示,点击设计按钮,系统进入表单设计界面中,完成设计就可以实现字段触发表单的效果。

进入列表页设计器中,字段所有样式配置如下图所示

①:固定列配置

②:字段开启查询配置

③:字段展示顺序配置

④:字段复制配置

⑤:字段背景色配置

⑥:字段颜色配置

⑦:字段宽度配置

⑧:字段触发表单配置

⑨:字段根据公式取值配置

⑩:字段关联展示其他模型字段

在线demo:https://app.bctools.cn

基础框架开源地址:https://gitee.com/software-minister/jvs

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/16 10:43:07

设计高端网站,要掌握三点制作细节

高端网站设计就仅仅是好看?实际上不然,高端网站在制作的时候,如果仅仅是为了好看,就会丧失一部分网站性能,这就需要在网站外表与网站性能方面做出一定的取舍,针对这类的情况,我们需要如何设计高端网站呢?…

作者头像 李华
网站建设 2026/4/16 13:42:18

为什么第三方支付通道的优势包含代付?

答案很简单 —— 第三方代付能搞定全场景转账需求,还比传统网银更省心!不管是公对公、公对私,还是私对公、私对私,它都能支持批量转账,不用财务人员一笔笔手动操作,效率直接翻倍。至于收费,以某…

作者头像 李华
网站建设 2026/4/16 15:53:17

转行网安避坑!合规知识是企业刚需,运维转岗靠它轻松上手

很多运维转行网安时,只关注 “技术攻击与防御”(如渗透测试、漏洞挖掘),却忽视了 “合规知识”—— 而合规是企业安全的 “底线要求”,也是网安岗位的 “刚需技能”。随着《网络安全法》《数据安全法》《个人信息保护法…

作者头像 李华
网站建设 2026/4/16 14:28:12

基于springboot架的超市进销存管理系统的设计与实现

目录 摘要关键词 开发技术路线结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 摘要 该系统基于SpringBoot框架开发,结合MySQL数据库,设计并实现了一套完整的超市进销存管理系统。系统采用B/S架构,…

作者头像 李华
网站建设 2026/4/16 14:28:19

Spring Boot中实现多线程6种方式,提高架构性能

Spring Boot 中实现多线程的 6 种主流方式(2025-2026 实战指南) Spring Boot 提供了非常丰富的多线程支持手段,从最简单的注解到虚拟线程(Java 21 / 25 时代的主流方向),可以满足从简单异步任务到高并发 I…

作者头像 李华
网站建设 2026/4/16 12:13:25

C#x2B;#x2B;小白训练第十三天

C小白训练第十三天 以下为牛客挑战 今日收获 vector<pair<int,int>>v;用于存储坐标&#xff0c;如果坐标&#xff1a;方式&#xff1a;v.push_back({i,j}),v.emplace_back(i,j);v.push_back(make_pair(i, j));dp联想的又一个条件&#xff0c;就是因为限制只存在与…

作者头像 李华