在应用创建七大功能区的“数据模型”下的视图管理菜单项,我们可以根据行业/业务管理需求,新建不同类型的视图。
teamcube无代码开发平台目前支持列表、树结构和卡片这三种视图类型。下面为大家详细介绍三种类型的视图特点以及各自界面的设置方式。
列表视图、树视图和卡片视图
前期准备
1、在teamcube中创建好应用,将所有所需字段和模型创建好。
2、将模型所需要的操作、筛选、高级搜索创建好。
列表视图
以常规的列表形式展现的视图,属最通用且常见的视图类型。它能够清晰且全面地排列及展现基础信息,比较符合用户的阅读习惯,适用场景广泛。
界面设置内容含已选字段、分页组件、列表样式、配置、排序字段、绑定公共区操作、绑定记录行操作、绑定菜单区操作、绑定高级搜索、绑定筛选。
选择字段
在“添加视图”后,已选字段默认显示模型下的所有标准字段,在页面右侧“已选字段”操作区可删除或隐藏字段、查看字段样式、定义查看样式、给字段设置别名。
其中,定义查看样式可设置字段颜色、下划线、倾斜、加粗、格式化(默认可选添加“超链接”或自行设置格式化样式),如图所示:
其他配置
1、可选择分页组件分完整版、简约版和极简版。
2、可选择操作列是否固定,若勾选固定,操作列显示固定于视图界面右侧,如下图所示:
3、可配置级联删除,勾选后,删除记录时将连同有引用关系的数据一并删除。
4、可选择视图的排序字段,选择后,视图将依照所选字段顺序排序。
绑定操作
可绑定操作的区域如下:
公共区操作
可绑定内容为当前应用所有公共区操作(如增加、批量删除、导出、导入等操作)、视图、图表、组合视图、组合图表。
记录行操作
可绑定内容为当前应用所有记录行操作、存在关联关系的模型下所有的公共区操作、视图、图表、组合视图、组合图表。
记录行操作添加后,还可对具体操作设置可执行表达式、操作不可执行按钮处置方式、按钮样式和选择图标。
如在“信用卡”模型下,对冻结行操作进行操作设置:
菜单区操作
可绑定内容为当前应用所有公共区操作、视图、图表、组合视图、组合图表。
绑定高级搜索
可绑定在“高级搜索管理”中已经设置好的高级搜索项。
在高级搜索项下添加多条搜索条件:
一个视图可绑定多个高级搜索,设置多个高级搜索项后,如图所示:
选择不同的高级搜索项,可显示已经配置好的不同的搜索条件,页面显示如图所示:
绑定筛选
可绑定在“筛选管理”中已经设置好的筛选项,多个筛选项会以标签页的形式展示到视图页面上,点击后,视图显示所有符合筛选要求的数据。
添加不同类别的筛选项:
效果如图所示:
树结构
设置方式与列表视图相同的地方不再赘述
需要切换左侧列表记录进而改变右侧页面查询结果的场景,可用到树结构视图。树结构左侧列表若有层级关系时,可展示为树状,选中不同的记录时,右侧会根据所选中的记录显示不同的结果。
已选字段
在“添加视图”后,已选字段默认显示模型下的所有标准字段,在页面右侧“已选字段”操作区可删除字段、查看字段样式、定义查看样式、给字段设置别名、设置显示字段(唯一)。
设置显示字段如图所示:
树结构视图
树查看
可在“绑定内容区操作”处添加关联模型所有查看类操作的表单。例如,绑定该模型的查看操作,即可做成点击左边树结构中的不同记录,右侧展示该记录的详细信息。
树视图
可在“绑定内容区操作”处添加当前应用下所有模型的视图,指定关联关系字段后,即可实现左侧树与右侧内容区数据的关联。
例如,绑定与该模型有关联关系的模型的视图,即可实现点击左边不同记录,右侧展示该记录对应的另一模型所有记录。
树节点默认筛选
筛选管理设置已在“列表视图”的“绑定筛选”中说明。
在树中只显示符合筛选条件的显示字段。如在“培训开课”树结构视图中,只显示培训形式为“在线课堂”的培训课程名称:
卡片视图
常用于更加直观地展示一段完整的独立信息,边界清晰,视图效果更为立体。
页面布局设置方式基本同列表视图,在此不再赘述。
此外,卡片视图还可设置卡片的高度和每行卡片的个数,如图所示:
各类视图的特点与设置就介绍完啦!teamcube平台设计布局一向坚持简洁、干净、实用的原则,如果你想快速设计个性化的视图界面,不妨用teamcube尝试一下吧!