跳转至

网格#

Grid

概述#

网格小组件显示数据源的执行结果。下面是网格UI页面的示例。

GridExample

要在UI页面中使用浏览器小组件,请执行以下步骤。

  1. 在处于构建模式的任何UI页面中,从页面右侧的“小组件”列表中选择浏览器小组件,然后将其拖放到UI页面中的正确位置。
  2. 进入小组件的“设置”部分。
  3. 在“常规”选项卡中,提供小组件的名称、说明,并指定是否应显示标题以及用户是否可以激活全屏模式。 GridGeneral
  4. 在“设置”选项卡中提供选择模式和操作。 GridSetup
  5. 定义要显示数据的列。 必须定义列的标题,路径(表示对象属性路径的字符串,例如:Material.Product.Name)及可选的类型。
  6. (可选)定义输入。 GridEInputs
  7. 定义此小组件和UI页面的其他元素之间的链接。 由于此小组件需要数据源,因此必须将其作为链接添加 GridLinks 通过保存并关闭设置,小组件将相应地进行更改。

实现示例:配置要在网格上显示的列#

在设置网格并将其链接到数据源(在本例中是对ScheduleJob实体的查询)后,就可以添加许多列。根据列的构建方式,列可以具有不同的功能和外观。

Note

每个列的路径属性始终与查询的实体相关。如果要显示的属性是同一实体类型的直接属性,则需要输入属性名称。如果要显示的属性是链接属性的属性,则路径必须以方式LinkedEntity.LinkedProperty构建。下面是一些示例:

image-20210519144059193

超链接实体列#

为了显示一列以显示包含指向该实体的超链接的实体,路径必须引用实体的ID,并且该列必须设置为ID所引用的同一实体的类型ReferenceType

image-20210519143407727

实体名称列#

为此,只需为实体的名称属性设置列:

image-20210519143657425

日期列#

如果列表示日期,则必须将其配置为日期时间日期类型,以免只有日期的数字表示。在本例中,PlannedStartDate也是ScheduleJobs实体的直接属性,因此路径是属性本身。

image-20210519143827710