TxFileManager · Vue · tecexpress

Directory navigation and file actions. Provider capabilities determine available operations; no file server is included.

Prop	Type	Default	Meaning
`dataSource`	`TxSource<TxFileEntry> \| undefined`	`undefined`	List, configuration or DataSource instance; takes precedence over items.
`provider`	`TxFileProvider`	`required`	File provider with supported operations.
`disabled`	`boolean \| undefined`	`false`	Disables interaction.
`view`	`string \| undefined`	`details`	Display mode.
`label`	`string \| undefined`	`Dateimanager`	Label or accessible name.

Events

Event	Payload / behavior
selectionChanged	New selection: TxFileEntry[].
fileOpened	Activated TxFileEntry.
error	File operation error object.

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>

TxFileManager.