JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

列表页的布局设置

列表页的布局有多种方式布局(普通布局、卡片式布局、树表式布局、选项卡式布局),如下视频进行展示:

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

下面我们介绍下布局配置的方式

普通列表布局

具备轻应用配置权限的用户,进入列表页设计器

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

在设计页面中选择普通布局模式,其他的配置参照列表页的配置

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

卡片式布局

卡片式布局是一种常见的列表页布局方式,它通过将内容组织成卡片的形式,以便用户更轻松地浏览和选择感兴趣的数据。配置的方式:

具备轻应用配置权限的用户,进入列表页设计器

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

在设计页面中选择卡片式布局,如下图所示,然后进入表格设置-显示设置,

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

在显示设置中配置字段的展现形式,也就是每个字段只能选择一种的控制样式,如果不选,默认展示为内容

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

具体展现的样式如下:

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

①:标题,着重展示

②:副标题

③:普通内容

④:副标题

⑤:描述内容

树表式布局

左树右表的布局模式是一种常见的界面布局,它在页面的左侧显示一个树状结构的导航栏或目录树,在右侧则显示与所选项目相关的详细信息或数据表格。这种布局模式通常用于管理系统、文件浏览器、分类目录等需要展示层级结构和详细信息的界面。

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

配置方式:

具备轻应用配置权限的用户,进入列表页设计器

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

在设计页面中选择目录是布局,然后在进入列表设计界面,

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

系统将自动把具备树形结构的字段展示出来,只需要开启快速检索的开关即可

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

这里树形字段有两种类型,一种是采用系统提供的内部树形字典,另外一种方式是有用户配置具备树形结构的字段,点击设置

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

①:树形字段的展示名称

②:树形字段初始的折叠与展开状态

③:是否可以隐藏的配置开关

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

④:如果是自定义的数据模型,可以设置对应的操作按钮

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

选项卡式布局

选项卡式的布局是列表数据快速做过滤的便捷手段,那么做过滤的条件是这个字段是下拉选项,数据可以来源于模型或者字典。

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍JVS低代码列表引擎系列:列表页多种布局方式及配置介绍JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

配置方式:

具备轻应用配置权限的用户,进入列表页设计器

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

选择普通布局模式,并进入列表设计界面

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

系统自动展示对应下拉字段的配置开关,设置开启即可

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

往期回顾:

JVS低代码列表引擎系列:列表页按钮配置说明

JVS低代码列表引擎:列表关联列表的原理

JVS低代码列表引擎系列:列表页配置引擎介绍

今天的分享先到这,JVS一直在不断的迭代更新,有兴趣的小伙伴可以关注小编,随时掌握JVS低代码的最新动态。

JVS低代码列表引擎系列:列表页多种布局方式及配置介绍

你的Star是我们最大的动力,如果对项目有兴趣、有建议,欢迎留言随时与我们交流~

相关新闻

联系我们
联系我们
公众号
公众号
在线咨询
分享本页
返回顶部