JVS低代码列表引擎系列:列表页多种布局方式及配置介绍
列表页的布局设置
列表页的布局有多种方式布局(普通布局、卡片式布局、树表式布局、选项卡式布局),如下视频进行展示:
下面我们介绍下布局配置的方式
普通列表布局
具备轻应用配置权限的用户,进入列表页设计器
在设计页面中选择普通布局模式,其他的配置参照列表页的配置
卡片式布局
卡片式布局是一种常见的列表页布局方式,它通过将内容组织成卡片的形式,以便用户更轻松地浏览和选择感兴趣的数据。配置的方式:
具备轻应用配置权限的用户,进入列表页设计器
在设计页面中选择卡片式布局,如下图所示,然后进入表格设置-显示设置,
在显示设置中配置字段的展现形式,也就是每个字段只能选择一种的控制样式,如果不选,默认展示为内容
具体展现的样式如下:
①:标题,着重展示
②:副标题
③:普通内容
④:副标题
⑤:描述内容
树表式布局
左树右表的布局模式是一种常见的界面布局,它在页面的左侧显示一个树状结构的导航栏或目录树,在右侧则显示与所选项目相关的详细信息或数据表格。这种布局模式通常用于管理系统、文件浏览器、分类目录等需要展示层级结构和详细信息的界面。
配置方式:
具备轻应用配置权限的用户,进入列表页设计器
在设计页面中选择目录是布局,然后在进入列表设计界面,
系统将自动把具备树形结构的字段展示出来,只需要开启快速检索的开关即可
这里树形字段有两种类型,一种是采用系统提供的内部树形字典,另外一种方式是有用户配置具备树形结构的字段,点击设置
①:树形字段的展示名称
②:树形字段初始的折叠与展开状态
③:是否可以隐藏的配置开关
④:如果是自定义的数据模型,可以设置对应的操作按钮
选项卡式布局
选项卡式的布局是列表数据快速做过滤的便捷手段,那么做过滤的条件是这个字段是下拉选项,数据可以来源于模型或者字典。
配置方式:
具备轻应用配置权限的用户,进入列表页设计器
选择普通布局模式,并进入列表设计界面
系统自动展示对应下拉字段的配置开关,设置开启即可
往期回顾:
今天的分享先到这,JVS一直在不断的迭代更新,有兴趣的小伙伴可以关注小编,随时掌握JVS低代码的最新动态。
你的Star是我们最大的动力,如果对项目有兴趣、有建议,欢迎留言随时与我们交流~