主题
3.6 其它组件(HTML 原生控件)
这些组件在组件库「其它组件」标签页下,基于原生 HTML 控件实现,样式更贴近网页习惯。
3.6.1 滑动输入
用途:通过拖动滑块选择数值,适合温度设定、调光等场景。
| 属性 | 说明 | 类型 |
|---|---|---|
| 最小值 | 滑块左端值 | 数字 |
| 最大值 | 滑块右端值 | 数字 |
| 步长 | 每格跳多少 | 数字 |
| 绑定数据 | 目标数据点 | 数据点 |
3.6.2 多选框
用途:多选开关,可绑定多个数据点。每选中一项就给对应数据点写 1,取消写 0。
3.6.3 链接
用途:超链接跳转。
| 属性 | 说明 | 类型 |
|---|---|---|
| URL | 跳转地址 | 字符串 |
| 打开方式 | 新窗口 / 当前窗口 | 选择 |
| 文本 | 显示文字 | 字符串 |
3.6.4 实时表格
用途:以表格形式展示多条数据,可绑定数据点数组。
| 属性 | 说明 | 类型 |
|---|---|---|
| 初始可见 | 画面打开时是否显示 | 开关 |
| 绑定数据 | 表头(列)与每行的数据点,可增删行列 | 数据点数组 |
| 显示表头 | 是否显示横向表头行 | 开关 |
| 显示竖向表头 | 是否在最左侧多一列显示每行的名称 | 开关 |
| 列宽 | 自动均分(各列等宽)/ 手动设置 | 选择 |
| 每列宽度 | 选「手动设置」时生效:逗号分隔逐列给宽度,数字=像素、带 % =百分比、留空=自动(如 80,30%,70) | 字符串 |
| 对齐 | 单元格文字对齐:左对齐 / 居中 / 右对齐 | 选择 |
| 表格颜色、表格线宽 | 表格边框的颜色与线宽 | 颜色、数字 |
| 本文颜色 | 单元格文字颜色 | 颜色 |
调列宽:在组态编辑器里把鼠标移到列与列的分隔线上,光标变成左右箭头后拖动即可,松手后 「列宽」会自动变成「手动设置」。想精确指定就在「每列宽度」里填数字(像素)或百分比。
3.6.5 时间线
用途:按时间顺序展示事件列表。
| 属性 | 说明 | 类型 |
|---|---|---|
| 数据源 | 事件数据点 | 数据点数组 |
| 最大条数 | 最多显示几条 | 数字 |