数字标签组件

数字标签组件主要用于显示数值,在组件设置管理模式下有三部分:全局样式设置、数据绑定、字段值映射。

1. 全局样式设置

(1)设计器右侧组件面板拖动数字标签进入画布,双击组件进入“标签设置管理”页面。
(2)在全局样式设置中,可设置标签显示的字体大小、颜色、数字小数位数,标签背景颜色、边框颜色,文字水平/垂直对齐方式。支持为标签添加前缀、后缀、单位。若勾选“显示列名”,当标签与数据绑定时,将显示数据所属字段名称。右侧预览框可实时查看组件样式修改结果,便于用户及时调整。

2. 数据绑定

(1) 数据绑定页面中,左侧绑定类型选择“数据源绑定”,注意在绑定前需提前创建数据源(连接数据源或数据库数据源),操作详情请见数据源管理。绑定类型下侧选择数据源名称,选中数据源后可在左侧下方查看库中包含的数据信息,“标签”列为字段,“数据类型”列为字段的数据类型。
(2)支持sql语句查询指定表的数据,并在组件中显示指定行的字段数据,如图中该组件显示badCount字段下第4行的数据:2。
(3)组件具备数据刷新功能,确保显示的数据始终是最新的和准确的,使组件中的数据与服务器的最新更改保持同步。数据刷新方式共有三种,按键时刷新、加载时刷新、间隔刷新。
  • 按键时刷新:点击刷新按钮时刷新数据,需要用户手动刷新数据,适用于用户控制何时刷新的情形。
  • 加载时刷新:加载组件时刷新数据,适用于数据不具有时效性的情形。
  • 间隔刷新:以指定的时间间隔刷新数据,用户可以在“刷新时间”输入秒数。该设置方式可定期自动刷新数据,适用于用户期望数据经常更新的情况。

3. 字段值设置

(1)值映射主要用于字段数据有更新变化的情形。如下图,需下拉选择字段,字段数据为某个值或处于值范围时,触发映射。
(2)映射出的对象可以为文本、图标、当前值或有格式的当前值四种形式。若选择文本,可在预览框中输入映射出的文本信息;若选择图标,可在预览框中选择映射出的图标或上传新图标样式;若选择当前值或有格式的当前值,则预览框仅展示映射对象字体的颜色、大小、标签背景颜色。当前值指的是映射出的对象不显示字段名称、不显示标签的前缀和后缀,只显示值和单位;有格式的当前值指的是在全局样式设置中,勾选了“显示列名”,或标签具备前缀/后缀,映射出的对象显示“字段名+前缀+值+后缀+单位”。
(3)最右侧按钮区域具备以下功能:
  • 设置映射对象(文本、图标、值)的颜色
  • 设置映射对象(文本、图标、值)的大小
  • 设置标签背景颜色
  • 设置映射出的对象类型,包含文本、数字
  • 删除该条映射
2023-12-27
0