Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

DataGrid 小组件

  • Last UpdatedJun 08, 2026
  • 3 minute read

DataGrid 小组件在运行时会在 InTouch 窗口内展示表格数据。用户可对小组件内数据进行筛选。

尽管小组件在 InTouch HMI 和 AVEVA OMI 中使用相同的属性,但在 InTouch 运行时,数据加载和行选择的行为有所不同。

该小组件支持一系列视觉属性,可自定义小组件外观与表格数据展示样式。

支持的数据格式

DataGrid 小组件支持 JSON 和 CSV 数据格式。数据通过 DataSource 属性以字符串形式提供给小组件,或在运行时动态提供。

JSON 示例

[

  {

    "Equipment Name": "Feed Pump P-101",

    "Equipment ID": "P-101",

    "Equipment Type": "Centrifugal Pump",

    "Area": "Tank Farm",

    "Status": "Running",

    "Last Maintenance Date": "2025-11-14",

    "Location City": "Houston",

    "State": "TX",

    "Zip": "77002"

  },

  {

    "Equipment Name": "Boiler B-201",

    "Equipment ID": "B-201",

    "Equipment Type": "Steam Boiler",

    "Area": "Utilities",

    "Status": "Online",

    "Last Maintenance Date": "2025-09-30",

    "Location City": "Baton Rouge",

    "State": "LA",

    "Zip": "70801"

  }

]

CSV 示例

Equipment Name, Equipment ID, Equipment Type, Area, Status, Last Maintenance Date, Location City, State, Zip Feed Pump P-101, P-101, Centrifugal Pump, Tank Farm, Running, 2025-11-14, Houston, TX, 77002 Boiler B-201, B-201, Steam Boiler, Utilities, Online, 2025-09-30, Baton Rouge, LA, 70801

运行时筛选数据

网格的每一列数据均可筛选。应用筛选后,Data Grid 小组件仅显示列项匹配筛选条件的行数据。

下例展示了在“”列应用筛选器(仅显示周四的数据)前后,表格数据的对比。

选择各列标题中的筛选图标 ,将显示一个下拉窗格,用于指定筛选条件。

Numbar 1 - dark blue

筛选运算符下拉列表。所选运算符将与配对的数据输入字段 (2) 中输入的值进行比较。如果列数据符合筛选条件,网格将显示该行的数据。不符合条件的数据将被移除,且不会显示在网格中。

Data Grid 小组件支持以下筛选运算符:

  • Is equal to(等于)

  • Is not equal to(不等于)

  • Starts with(开头为)

  • Contains(包含)

  • Does not contain(不包含)

  • Ends with(结尾为)

  • Is null(为空值)

  • Is not null(不为空值)

  • Is empty(为空)

  • Is not empty(不为空)

  • Has no value(没有值)

  • Has value(有值)

Number 2 - dark blue

用于输入筛选值的输入字段,该值将由在 (1) 中选定的筛选运算符进行评估。

用于通过布尔运算符 (AND, OR) 评估筛选语句 1 和 2 的筛选逻辑。如果筛选语句 2 为空,则不应用任何筛选逻辑。

Number 4- dark blue

与 1 相同。如果配对的输入字段 (5) 为空,则不评估筛选运算符。

Number 5 - dark blue

与第 2 点相同。可留空。

Number 6 - dark blue

选择清除以移除筛选条件并显示网格中的所有数据。

Number 7 - dark blue

选择筛选以应用筛选条件。

属性

下表列出了 DataGrid 小组件的属性。所有属性都公开为动态运行时属性,在这些属性中,它们可以绑定到对 ViewApp 命名空间的引用,如下所示:

  • 属性

  • 对象属性

  • MyContent 属性

  • 复合表达式

    Data Grid 小组件属性

    描述

    类型

    获取或设置源数据字符串的格式。

    • csv

    • json

    AllowExport

    允许将数据导出到文件。缺省值为 true。

    数据来源

    获取或设置 DataGrid 小组件显示的 JSON 或 CSV 数据字符串。

    ColumnDelimiter

    获取或设置用于分隔所选网格行中字段值的分隔符。

    • csv 字符串的逗号

    • json 字符串的垂直管道 (|)

    SelectedRow

    获取或设置所选行字段值的字符串。

    DateFieldFormat

    获取或设置日期的日期格式。支持所有日期格式字符串。

    BackgroundColor

    小组件的背景颜色。

    ExportFileName

    如果 AllowExport = True,则指定导出文件的名称。

    FilterMode

    获取或设置网格的筛选模式;可选值为 default 或 checklist。

    前景色

    获取或设置小组件的文本颜色。

    HeaderBackColor

    显示列名的表格标题的背景颜色。

    HeaderForeColor

    标题列名的文本颜色。

    SelectionBackColor

    网格中所选行的背景颜色。

    SelectionForeColor

    网格内所选行的文本颜色。

    RowHoverBackColor

    鼠标悬停时网格内该行的背景颜色。

    RowHoverForeColor

    鼠标悬停时网格内该行的文字颜色。

    Font Family

    小组件用于显示文本的字体系列名称。

    字体大小

    获取或设置 Data Grid 小组件中显示的文本的字体大小(以像素为单位)。

    PageSize

    获取或设置一次要显示的记录数。

    注意:
    当数据在运行时动态加载时,在 DataGrid 小组件中选择一行可能会导致网格重置为设计时数据。
    DateFieldFormat 属性是必需的,但系统在运行时不会对其进行验证。