Table: Showing data in table format

<< 点击显示目录 >>

主页  mappView帮助助手 > mapp View帮助信息 > Widgets  > 使用案例 > 表的应用 >

Table: Showing data in table format

要求

目标是在一个表中显示各种数据。应该添加四列。第一列应该包含一个温度值。第二列应列出测量温度的机器部分。第三列显示一个图像,表明该值是在正常范围之内还是之外。日期和确切时间显示在最后一列。

解决方案

要使用的小工具。

Table: 小部件 "表 "代表核心元素。在小部件中可以创建任何数量的列。

TableItem: 小工具 "TableItem "可以用来在表中创建一个列。它可以定义是否应该显示一个数值或文本。

TableItemImageList: 小工具 "TableItemImageList "可以用来定义一列,在表格中显示一个图像。

TableItemDateTime: 小工具 "TableItemDateTime "可以用来定义一个列,在表中显示日期。

使用小组件

第1步。

将小部件目录中的小部件 "Table "放在内容片上。

table_uc_base_1

第2步。

为前两列添加小组件 "TableItem"。添加小部件 "TableItemImageList",以便能够显示图像。小部件 "TableItemDateTime "需要用来显示日期和时间。

从部件目录中选择部件 "TableItem"、"TableItemImageList "或 "TableItemDateTime "并将其添加到部件 "Table"。这将自动把小部件添加到小部件 "Table "作为一个子小部件。

table_uc_base_2

table_uc_base_3

第3步。

现在必须将一个值传递给各个列。

TableItem0: 一个数字或字母数字的OPC UA变量被绑定到第一个表项(值或节点绑定)。如果单位也要显示,必须为OPC UA节点配置该属性。

tableusecase_1_connect_numeric

table_uc_base_valarray

TableItem1。 一个包含机器单元信息的字符串数组被绑定到第二个表项。

tableusecase_1_connect_string

table_uc_base_strarray

TableItemImageList。 通过 "TableItemImageList",一个数字数组必须被绑定到属性 "selectedIndex"。这为列中的每个单元格定义了从属性 "imageList "的图像列表中显示哪个图像。属性 "imagePrefix "定义了图像的位置。

table_uc_base_selectindex_connect

table_uc_base_selectindexarray

TableItemDateTime:对于小组件 "TableItemDateTime",一个Date_And_Time数据阵列必须被绑定到属性 "value"。这决定了该列中每个单元格显示的时间。

table_uc_base_datearray_connect

table_uc_base_datetimearray

结果

当连接到HMI应用程序时,该表将看起来像这样。

table_uc_base_runtime