MindSphere Web Components
事件视图

事件视图显示当前租户或特定 asset 中报告的事件列表。该列表是可排序的，并分布在可配置大小的页面上。

如果没有指定 asset，则事件视图显示当前租户中报告的所有事件，并为相关 asset ID 添加一列。当选择一个或多个事件时，将触发 selectedEventChanged 事件。

示例

事件视图

接口

### 选择器

<mdsp-event-view></mdsp-event-view>

属性

名称	类型	相应的属性	默认	描述	允许的值
assetId	`string`	asset-id		配置 asset，该 asset 的事件使用其 asset ID 显示。如果没有设置该属性，额外的 'Asset Id' 一栏将显示，并且将展示整个租户的所有事件。
context	`string`	context		配置组件的上下文。同样参见这里。
dateRange	`IDateRange`			使用 `from`、`to` 和 `isAllDay` 指定日期范围，请参考 IDateRange 模型。
errorNotification	`boolean`	error-notification		如果有错误抛出，启用错误控件。这可以用于调试目的。对于在生产环境中使用，应在应用中捕获并处理错误事件。同样参见这里。
fromDate	`Date`			指定选择的范围的开始日期。
locale	`string`	locale		指定显示组件的时间区域默认提供时间区域 `en` 和 `de`。同样参见这里。
localeManager	`LocaleManager`			返回 LocaleManager 对象。它可用于添加时间区域或者时间区域的设置。同样参见这里。
model	`IDataModel`			返回用于数据模型处理的对象。
multiSelectable	`boolean`	multi-selectable	false	如果为 `true`，立刻启用事件多选。
pagerMode	`PagerMode`	pager-mode	Simple	配置表格页面模式。	- Simple - Advanced - Hidden
pageSize	`number`	page-size		配置初始页面大小值。	1 - (此组件的 pageSizeLimit)
selectable	`boolean`	selectable	false	如果为 `true`，启用事件可选。
sort	`string`	sort		指定数据的所选的排序。支持按Event Management Service的可过滤字段排序	- source,asc - source,desc - timestamp,asc - timestamp,desc - severity,asc - severity,desc - acknowledged,asc - acknowledged,desc
toDate	`Date`			指定选择的范围的结束日期。
typeId	`string`	type-id		配置要显示事件的事件类型 ID。
view	`IViewModel`			返回用于视图处理的对象，参考 IViewModel 模型。

事件

名称	类型	描述
selectedEventChanged	`EventEmitter<any>`	当选择的单个事件改变时触发。
selectedEventsChanged	`EventEmitter<any[]>`	当选择的多个事件改变时触发。
connected	`EventEmitter<any>`	在组件被创建、初始化并附加到 DOM 树后触发。
error	`EventEmitter<MdspUiError>`	当组件或正在访问 API 发生错误时触发。同样参见这里。

模型

IBaseEvent

interface IBaseEvent {
    id: string;
    typeId: string;
    correlationId: string;
    timestamp: string;
    entityId: string;
    etag: number;
}

IMindsphereStandardEvent

interface IMindsphereStandardEvent extends IBaseEvent {
    severity: number;
    description: string;
    code: string;
    source: string;
    acknowledged: boolean;
}

IDataModel

interface IDataModel {
    // forces reload of data, e.g. re-loading the events
    refresh(): void;
}

IViewModel

interface IViewModel {
  refresh(): void;
}

角色

mdsp:core:em.xxx (使用 Event Management API)

代码段

显示当前租户的事件

<mdsp-event-view></mdsp-event-view>

显示特定 asset 的事件。

以下示例配置事件视图以显示所有 1b100d51d9e444b49fd54dcefac1ef5a 的事件。

```html tab="HTML"

```javascript tab="JavaScript"
const eventViewComp = document.querySelector('mdsp-event-view');
eventViewComp.assetId = '1b100d51d93444b49fd54dcefac1ef5a';

使用简单分页

<mdsp-event-view pager-mode="Simple"></mdsp-event-view>

简单分页

使用高级分页

<mdsp-event-view pager-mode="Advanced"></mdsp-event-view>

高级分页

刷新事件视图

您可以刷新事件视图的数据模型以获取最新的事件，例如：循环更新视图。

eventViewComp.model.refresh();

显示特定类型的事件

// taken the typeId from the eventtypes api
eventViewComp.typeId = "5d480a00-5c45-4e81-bb8f-6ab6597aa32e";
// after that only events of this type will be shown in the table

还有问题?

向社区提问

除非另行声明，该网站内容遵循MindSphere开发许可协议.

Last update: November 16, 2021

MindSphere Web Components事件视图

示例

接口

属性

事件

模型

角色

代码段