teamcube各类视图的特点与设置

teamcube各类视图的特点与设置

在应用创建七大功能区的“数据模型”下的视图管理菜单项，我们可以根据行业/业务管理需求，新建不同类型的视图。

teamcube无代码开发平台目前支持列表、树结构和卡片这三种视图类型。下面为大家详细介绍三种类型的视图特点以及各自界面的设置方式。

 

列表视图、树视图和卡片视图

前期准备

1、在teamcube中创建好应用，将所有所需字段和模型创建好。

2、将模型所需要的操作、筛选、高级搜索创建好。

列表视图

以常规的列表形式展现的视图，属最通用且常见的视图类型。它能够清晰且全面地排列及展现基础信息，比较符合用户的阅读习惯，适用场景广泛。

 

界面设置内容含已选字段、分页组件、列表样式、配置、排序字段、绑定公共区操作、绑定记录行操作、绑定菜单区操作、绑定高级搜索、绑定筛选。

选择字段

在“添加视图”后，已选字段默认显示模型下的所有标准字段，在页面右侧“已选字段”操作区可删除或隐藏字段、查看字段样式、定义查看样式、给字段设置别名。

 

其中，定义查看样式可设置字段颜色、下划线、倾斜、加粗、格式化（默认可选添加“超链接”或自行设置格式化样式），如图所示：

 

 

其他配置

1、可选择分页组件分完整版、简约版和极简版。

 

2、可选择操作列是否固定，若勾选固定，操作列显示固定于视图界面右侧，如下图所示：

 

3、可配置级联删除，勾选后，删除记录时将连同有引用关系的数据一并删除。

4、可选择视图的排序字段，选择后，视图将依照所选字段顺序排序。

 

绑定操作

可绑定操作的区域如下：

 

公共区操作

可绑定内容为当前应用所有公共区操作（如增加、批量删除、导出、导入等操作）、视图、图表、组合视图、组合图表。

记录行操作

可绑定内容为当前应用所有记录行操作、存在关联关系的模型下所有的公共区操作、视图、图表、组合视图、组合图表。

记录行操作添加后，还可对具体操作设置可执行表达式、操作不可执行按钮处置方式、按钮样式和选择图标。

如在“信用卡”模型下，对冻结行操作进行操作设置：

 

菜单区操作

可绑定内容为当前应用所有公共区操作、视图、图表、组合视图、组合图表。

 

绑定高级搜索

可绑定在“高级搜索管理”中已经设置好的高级搜索项。

在高级搜索项下添加多条搜索条件：

 

一个视图可绑定多个高级搜索，设置多个高级搜索项后，如图所示：

 

选择不同的高级搜索项，可显示已经配置好的不同的搜索条件，页面显示如图所示：

 

绑定筛选

可绑定在“筛选管理”中已经设置好的筛选项，多个筛选项会以标签页的形式展示到视图页面上，点击后，视图显示所有符合筛选要求的数据。

添加不同类别的筛选项：

 

效果如图所示：

 

树结构

设置方式与列表视图相同的地方不再赘述

需要切换左侧列表记录进而改变右侧页面查询结果的场景，可用到树结构视图。树结构左侧列表若有层级关系时，可展示为树状，选中不同的记录时，右侧会根据所选中的记录显示不同的结果。

已选字段

在“添加视图”后，已选字段默认显示模型下的所有标准字段，在页面右侧“已选字段”操作区可删除字段、查看字段样式、定义查看样式、给字段设置别名、设置显示字段（唯一）。

设置显示字段如图所示：

 

树结构视图

树查看

可在“绑定内容区操作”处添加关联模型所有查看类操作的表单。例如，绑定该模型的查看操作，即可做成点击左边树结构中的不同记录，右侧展示该记录的详细信息。

 

树视图

可在“绑定内容区操作”处添加当前应用下所有模型的视图，指定关联关系字段后，即可实现左侧树与右侧内容区数据的关联。

例如，绑定与该模型有关联关系的模型的视图，即可实现点击左边不同记录，右侧展示该记录对应的另一模型所有记录。

 

树节点默认筛选

筛选管理设置已在“列表视图”的“绑定筛选”中说明。

在树中只显示符合筛选条件的显示字段。如在“培训开课”树结构视图中，只显示培训形式为“在线课堂”的培训课程名称：

 

卡片视图

常用于更加直观地展示一段完整的独立信息，边界清晰，视图效果更为立体。

 

页面布局设置方式基本同列表视图，在此不再赘述。

此外，卡片视图还可设置卡片的高度和每行卡片的个数，如图所示：

 

各类视图的特点与设置就介绍完啦！teamcube平台设计布局一向坚持简洁、干净、实用的原则，如果你想快速设计个性化的视图界面，不妨用teamcube尝试一下吧！