Drag items to drop zone:
+Build enterprise-ready web applications, responsive to all devices and running on the browser of your choice. That´s OpenUI5.
@@ -805,6 +819,25 @@ window["dialogFocus1"].close(); }); + window["native-dnd-open"].addEventListener("click", () => window["native-dnd-dialog"].open = true); + window["native-dnd-close"].addEventListener("click", () => window["native-dnd-dialog"].open = false); + + document.getElementById("dnd-item-1").addEventListener("dragstart", (e) => { + e.dataTransfer.setData("text", "item-1"); + }); + + document.getElementById("dnd-item-2").addEventListener("dragstart", (e) => { + e.dataTransfer.setData("text", "item-2"); + }); + + const dropZone = document.getElementById("drop-zone"); + dropZone.addEventListener("dragover", (e) => e.preventDefault()); + dropZone.addEventListener("drop", (e) => { + e.preventDefault(); + const data = e.dataTransfer.getData("text"); + dropZone.textContent = `Dropped: ${data}`; + }); +