Skip to content

MindSphere Web Components
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

Selector

1
<mdsp-file-view></mdsp-file-view>

Properties

Name Type Corresponding attribute Default Description Allowed Values
assetId string asset-id Configures the asset whose files are displayed using its asset ID.
context string context Configures the context of the component. See also here.
createdDateRange IDateRange Specifies the creation date range using from, to and isAllDay of the files to be displayed.
errorNotification boolean error-notification Enables error control if an error is thrown. This can be used for debug purposes.

For productive use, the error event should be caught and handled in the application. See also here.
fromCreatedDate Date Specifies the earliest creation date of the files to be displayed.
fromUpdatedDate Date Specifies the earliest update date of the files to be displayed.
locale string locale Specifies the locale in which the component is displayed.
The locales en and de are provided by default.
See also here.
localeManager LocaleManager Returns a LocaleManager object.

This can be used to add locales or to get the locale settings. See also here.
model IDataModel Returns an object for data model handling, refer to IDataModel model.
multiSelectable boolean multi-selectable false Enables selection of multiple files if true.
pagerMode PagerMode pager-mode Simple Configures the table's pagination mode. - Simple
- Advanced
- Hidden
pageSize number page-size Configures the initial page size. 1 - (pageSizeLimit of this component)
selectable boolean selectable false Enables file selection if true.
toCreatedDate Date Specifies the latest creation date of the files to be displayed.
toUpdatedDate Date Specifies the latest update date of the files to be displayed.
updatedDateRange IDateRange Specifies the update date range using from, to and isAllDay of the files to be displayed.
view IViewModel Returns an object for view handling, refer to IViewModel model.

Events

Name Type Description
selectedFileChanged EventEmitter<any> Triggered when the selection of a file changes.
selectedFilesChanged EventEmitter<any[]> Triggered when the selection of multiple files changes.
connected EventEmitter<any> Triggered after the component is created, initialized and appended to the DOM tree.
error EventEmitter<MdspUiError> Triggered when an error occurs in the component or while accessing APIs. See also here.

Models

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

Roles

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

Snippets

Use Simple Paging

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

Simple pager

Use Advanced Paging

1
<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.

1
fileViewComp.model.refresh();

Any questions left?

Ask the community


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