Skip to content

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 时间线 ​

用途:按时间顺序展示事件列表。

属性说明类型
数据源事件数据点数据点数组
最大条数最多显示几条数字

LPPLC 工业物联网云平台 · 软硬件与云平台全栈自研