# j-DragDropElement

> Beim Drag-Ereignis wird ein modales Element innerhalb des angegebenen Elements mit Text angezeigt. Dateien hier ablegen und ablegen. Beim Verschieben gezogener Dateien vom Element weg oder beim Ablegen gezogener Dateien wird das Modal ausgeblendet. Auch bei Drop-Event-Exec-Funktion

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: c1bcdfdb1e5a933b33d768787bb068bff80015fc97892ec03a7bfd972c9687ce
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Bei `drag` wird das Ereignis modal innerhalb des angegebenen Elements mit dem Text `Drop & drop files here` angezeigt. Beim Verschieben gezogener Dateien vom Element weg oder beim Ablegen gezogener Dateien wird das Modal ausgeblendet. Auch beim Ereignis `drop` wird die Funktion `exec` ausgeführt.

__Konfiguration__

- `exec {String}` Die Komponente führt diese Methode aus, wenn die Dateien gelöscht werden - `function(files, e, component)`
- `text {String}`-Text zur Anzeige (Standard `empty`)

__Beispiel__

`<ui-component name="dragdropelement" config="exec:console.log;"></ui-component>`

__Autor__

- Michal Capo <capo@dasolutions.sk> und Marek Dorotovič <marek@totaljs.com>
- [Lizenz](https://www.totaljs.com/license/)

Verwenden Sie es mit `<ui-component name="dragdropelement">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` (standardmäßig das CDN Componentator) herunter. Autor: Michal Capo. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```html example.html
<ui-component name="dragdropelement" config="exec:console.log;">
	<button>Upload (drag &amp; drop file)</button>
</ui-component>
```