File Management

Der File Manager verwaltet existierende Dateien: Umbenennen, Sortieren (Drag & Drop + Buttons), Löschen. Für Upload-Funktionalität (Dropzone, Validierung, Progress) siehe File Upload.

Basic File Manager

Toggle Features
report-2024.pdf
0 B
vacation-photo.jpg
0 B
data-export.csv
0 B
notes.txt
0 B
Code
<rui-file-manager
  [(files)]="files"
  [sortable]="true"
  [editable]="true"
  [fileManagement]="true"
/>

Rename (mit/ohne Extension)

Extension Handling
presentation-v3.pptx
0 B
budget-2024.xlsx
0 B
readme.md
0 B
Code
<rui-file-manager
  [(files)]="files"
  [editable]="true"
  [editableExtension]="allowExtEdit()"
  [fileManagement]="true"
/>

Sortierung (Drag & Drop + Buttons)

Drag Handle & Move Buttons

Dateien per Drag Handle (Gitter-Icon) oder den Pfeil-Buttons neu anordnen.

alpha.doc
0 B
bravo.doc
0 B
charlie.doc
0 B
delta.doc
0 B
Code
<rui-file-manager
  [(files)]="files"
  [sortable]="true"
  [fileManagement]="false"
/>

Composition mit File Upload

Upload + Management

Drag & drop files here or click to browse

Accepted: */* · Max 10 files

Code
<rui-file-upload
  [(files)]="sharedFiles"
  [uploadHandler]="handler"
  [autoUpload]="true"
  [fileManagement]="false"
/>
<rui-file-manager
  [(files)]="sharedFiles"
  [sortable]="true"
  [editable]="true"
  [fileManagement]="true"
/>