t×tecexpressby TeKOcloud
ENv0.7.1
Dateien & Karten / VUE

TxFileManager.

Interaktive Vorschau

Ordnernavigation und Dateiaktionen. Der Provider bestimmt die verfügbaren Operationen; kein Dateiserver enthalten.

PropTypStandardBedeutung
dataSourceTxSource<TxFileEntry> | undefinedundefinedListe, Konfiguration oder DataSource-Instanz; hat Vorrang vor items.
providerTxFileProvidererforderlichDatei-Provider mit unterstützten Operationen.
disabledboolean | undefinedfalseSperrt die Interaktion.
viewstring | undefineddetailsDarstellungsmodus.
labelstring | undefinedDateimanagerBeschriftung beziehungsweise zugänglicher Name.

Ereignisse

EventPayload / Verhalten
selectionChangedNeue Auswahl: TxFileEntry[].
fileOpenedAktivierter TxFileEntry.
errorFehlerobjekt einer Dateioperation.
vue
<script setup lang="ts">
import { TxFileManager, TxMemoryFileProvider } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'
const provider = new TxMemoryFileProvider([{ id: '1', parentId: null, name: 'Documents', isDirectory: true }])
</script>

<template>
  <TxFileManager :provider="provider" />
</template>