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

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

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

列表页字段样式配置

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

1、字段样式控制配置

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

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

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

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

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

③：设置文本的颜色

④：设置背景效果

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

2、固定列配置

效果与配置方式如下：

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

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

3、字段宽度配置

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

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

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

配置对应字段宽度

4、字段展示顺序配置

效果如图所示：

设置方式：

5、字段复制配置

配置方式如下图

6、字段触发表单

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

配置方式如下图所示：

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

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

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

①：固定列配置

②：字段开启查询配置

③：字段展示顺序配置

④：字段复制配置

⑤：字段背景色配置

⑥：字段颜色配置

⑦：字段宽度配置

⑧：字段触发表单配置

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

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

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

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