MindSphere Web Components
文件视图
文件视图列出分配给特定 asset 的文件。该列表是可排序的，并分布在可配置大小的页面上。
当一个或多个文件被选择时，将触发 selectedFileChanged 事件。
示例¶
接口¶
### 选择器
<mdsp-file-view></mdsp-file-view>
属性¶
| 名称 | 类型 | 相应的属性 | 默认 | 描述 | 允许的值 |
|---|---|---|---|---|---|
| assetId | string | asset-id | 配置 asset，该 asset 的文件使用其 asset ID 显示。 | ||
| context | string | context | 配置组件的上下文。同样参见这里。 | ||
| createdDateRange | IDateRange | 使用要显示的文件的 from、to和 isAllDay 指定创建日期范围。 | |||
| errorNotification | boolean | error-notification | 如果有错误抛出，启用错误控件。这可以用于调试目的。 对于在生产环境中使用，应在应用中捕获并处理错误事件。同样参见这里。 | ||
| fromCreatedDate | Date | 指定将要显示的文件的最早创建日期。 | |||
| fromUpdatedDate | Date | 指定将要显示的文件的最早更新日期。 | |||
| locale | string | locale | 指定显示组件的时间区域 默认提供时间区域 en 和 de。同样参见这里。 | ||
| localeManager | LocaleManager | 返回 LocaleManager 对象。 它可用于添加时间区域或者时间区域的设置。 同样参见这里。 | |||
| model | IDataModel | 返回用于数据模型处理的对象，请参考 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，启用事件可选。 | |
| toCreatedDate | Date | 指定将要显示的文件的最新创建日期。 | |||
| toUpdatedDate | Date | 指定将要显示的文件的最新更新日期。 | |||
| updatedDateRange | IDateRange | 使用将要显示的文件的 from、to 和 isAllDay 指定更新日期范围。 | |||
| view | IViewModel | 返回用于视图处理的对象，参考 IViewModel 模型。 |
事件¶
| 名称 | 类型 | 描述 |
|---|---|---|
| selectedFileChanged | EventEmitter<any> | 当选择的单个文件改变时触发。 |
| selectedFilesChanged | EventEmitter<any[]> | 当选择的多个文件改变时触发。 |
| connected | EventEmitter<any> | 在组件被创建、初始化并附加到 DOM 树后触发。 |
| error | EventEmitter<MdspUiError> | 当组件或正在访问 API 发生错误时触发。同样参见这里。 |
模型¶
IDataModel
interface IDataModel {
// forces reload of data, e.g. re-loading the files
refresh(): void;
}
IViewModel
interface IViewModel {
refresh(): void;
}
角色¶
mdsp:core:iot.filxxx(使用 IoT File API - 组件只支持读取功能)
代码段¶
使用简单分页¶
<mdsp-file-view pager-mode="Simple"></mdsp-file-view>
使用高级分页¶
<mdsp-file-view pager-mode="Advanced"></mdsp-file-view>
刷新文件视图¶
您可以刷新文件视图的数据模型以获取最新的事件，例如：循环更新视图。
fileViewComp.model.refresh();
Last update: November 16, 2021