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

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

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

列表页字段样式配置

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

1、字段样式控制配置

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

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

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

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

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

③:设置文本的颜色

④:设置背景效果

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

2、固定列配置

效果与配置方式如下:

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

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

3、字段宽度配置

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

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

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

配置对应字段宽度

4、字段展示顺序配置

效果如图所示:

设置方式:

5、字段复制配置

配置方式如下图

6、字段触发表单

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

配置方式如下图所示:

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

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

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

①:固定列配置

②:字段开启查询配置

③:字段展示顺序配置

④:字段复制配置

⑤:字段背景色配置

⑥:字段颜色配置

⑦:字段宽度配置

⑧:字段触发表单配置

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

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

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

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

相关推荐
EIP低代码平台1 天前
EIP低代码平台-系统参数配置详解|落地三级等保+高灵活私有化部署方案
低代码·c#·权限·工作流·netcore
盟接之桥1 天前
为制造而生:制造业EDI如何重塑全球连接力
网络·安全·低代码·汽车·制造
SL-staff2 天前
(二十四)「JVS-Rules规则引擎 V2.5」— 决策树节点
低代码·决策树·规则引擎·jvs-rules·jvs·决策树节点
Jeking2173 天前
unione cloud 低代码平台 快速落地设备点检保养管理场景
低代码·流程引擎·表单设计·流程设计·表单引擎·unione cloud
快乐非自愿5 天前
2026 IDC认证低代码平台TOP7|制造业/政务场景可直接复用
人工智能·低代码·制造·政务
图扑软件5 天前
其域创新 × 图扑软件|3DGS 高斯泼溅智慧钢厂实景孪生
前端·低代码·3d·编辑器·图形渲染·可视化
canonical-entropy6 天前
下一代低代码渲染框架 nop-chaos-flux 的设计原则
低代码·ddd·函数式编程·可逆计算·nop平台
SL-staff6 天前
(二十一)「JVS-Rules规则引擎 V2.5」— 决策流的在线调试
低代码·规则引擎·jvs-rules·jvs·模拟测试
SL-staff6 天前
企业文档系统私有化部署方案技术对比:JVS企业文档 vs 语雀 vs 飞书
低代码·私有化部署·飞书·jvs·企业文档·jvs企业文档·生态集成
ZGi.ai7 天前
ZGI工作流引擎:把AI应用的执行过程从黑盒变成流程图
人工智能·低代码·流程图·ai应用·ai工作流·zgi