JVS低代码列表篇(11):列表页字段样式配置

列表页字段样式配置

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

字段样式控制配置位置

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

JVS低代码列表篇(11):列表页字段样式配置

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

JVS低代码列表篇(11):列表页字段样式配置

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

JVS低代码列表篇(11):列表页字段样式配置

配置如下所示,

JVS低代码列表篇(11):列表页字段样式配置

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

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

③:设置文本的颜色

④:设置背景效果

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

2、固定列配置,效果与配置方式如下:

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

JVS低代码列表篇(11):列表页字段样式配置

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

JVS低代码列表篇(11):列表页字段样式配置

3、字段宽度:

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

JVS低代码列表篇(11):列表页字段样式配置

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

JVS低代码列表篇(11):列表页字段样式配置

配置对应字段宽度

JVS低代码列表篇(11):列表页字段样式配置

5、手动控制的升降序按钮

效果如图所示:

JVS低代码列表篇(11):列表页字段样式配置

设置方式:

JVS低代码列表篇(11):列表页字段样式配置

6、字段点击复制按钮:

JVS低代码列表篇(11):列表页字段样式配置

配置方式:

JVS低代码列表篇(11):列表页字段样式配置

7、字段触发表单

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

JVS低代码列表篇(11):列表页字段样式配置

配置方式如下图所示:

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

JVS低代码列表篇(11):列表页字段样式配置

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

JVS低代码列表篇(11):列表页字段样式配置

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

开源框架:
https://gitee.com/software-minister/jvs

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
我的海是我的海的头像 - 鹿快
评论 抢沙发

请登录后发表评论

    暂无评论内容