Web Components for Insights Hub and Industrial IoT
File View

The File View lists the files assigned to a specific asset. The list is sortable and distributed over pages of a configurable size.

When one or multiple files are selected, a selectedFileChanged event is triggered.

Examples¶

File-View

Interface¶

Models¶

TimeZoneDateRange

```typescript interface TimeZoneDateRange { from: Date; to: Date; isAllDay: boolean; timeZone: TimeZone; }

IDataModel

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

FileDataModelProxy

type FileDataModelProxy = {
    refresh(): void;
};

TimeZone

enum TimeZone {
    Local = 'Local',
    UTC = 'UTC',
}

Roles¶

mdsp:core:iot.filxxx (IoT File API is used - the component supports only read-functionalities)

Snippets¶

Use Simple Paging¶

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

Simple pager

Use Advanced Paging¶

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

Advanced pager

Refresh the File View¶

The data model of the File View can be refreshed to get the latest file list, for example to update the view cyclically.

fileViewComp.model.refresh();

Using filters in table header¶

With the property filterable you can enable filtering in the table header.

<mdsp-file-view filterable="true"></mdsp-file-view>

Info

The filter string is used unchanged as the search text. Searching for files starting with a specific sequence can be achieved with wildcards like LogFiles*.

Except where otherwise noted, content on this site is licensed under the Development License Agreement.

Last update: April 13, 2023

Web Components for Insights Hub and Industrial IoTFile View