Does Eikon Web App container support HTML5 Drag and Drop?
I'm using Eikon Web SDK and trying to follow the example from
http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop. However, when I published my application to Production, it seems like chromium in Eikon doesn't support this feature. Please confirm whether I am correct or not. //HTML
//Javascript function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text",
ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); }
http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop. However, when I published my application to Production, it seems like chromium in Eikon doesn't support this feature. Please confirm whether I am correct or not. //HTML
Drag the W3Schools image into the rectangle:
//Javascript function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text",
ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); }
Tagged:
0
Best Answer
-
I think it is because JET also uses Drag and Drop to pass data to another Eikon Desktop object. For more information, please refer to JET.js API Demo App in Eikon. The Drag & Drop sample is in CORE FUNCTIONALITY topic. To make the example from
http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop work, I have modified it, as shown below. I call JET.dragStart() and transfer the data via a global variable. **HTML**Drag the W3Schools image into the rectangle:
---------- **JavaScript** var draggedTarget; window.onload = function () { JET.onLoad(initApp); JET.init({ ID: "JETSample" }); } function initApp() { console.log("Jet is init"); var div1 = document.getElementById("div1"); div1.ondragenter = function (e) { e.preventDefault(); console.log("Div enter"); }; div1.ondragover = function (ev) { ev.preventDefault(); console.log("Div Over"); } div1.ondrop = function (ev) { ev.preventDefault(); console.log("Ondrop"); ev.target.appendChild(document.getElementById(draggedTarget)); } var img = document.getElementById("drag1"); img.ondragstart = function (ev) { draggedTarget =
ev.target.id; var data = { entities: [{ datasource: "", "RIC": "" }] }; JET.dragStart(data); }; }0
Categories
- All Categories
- 6 AHS
- 37 Alpha
- 161 App Studio
- 4 Block Chain
- 4 Bot Platform
- 16 Connected Risk APIs
- 47 Data Fusion
- 30 Data Model Discovery
- 608 Datastream
- 1.3K DSS
- 577 Eikon COM
- 4.9K Eikon Data APIs
- 7 Electronic Trading
- Generic FIX
- 7 Local Bank Node API
- Trading API
- 2.7K Elektron
- 1.3K EMA
- 236 ETA
- 519 WebSocket API
- 33 FX Venues
- 10 FX Market Data
- 1 FX Post Trade
- 1 FX Trading - Matching
- 12 FX Trading – RFQ Maker
- 5 Intelligent Tagging
- 2 Legal One
- 20 Messenger Bot
- 2 Messenger Side by Side
- 9 ONESOURCE
- 7 Indirect Tax
- 59 Open Calais
- 264 Open PermID
- 39 Entity Search
- 2 Org ID
- PAM
- PAM - Logging
- 8.4K Private Comments
- 6 Product Insight
- Project Tracking
- ProView
- ProView Internal
- 20 RDMS
- 1.4K Refinitiv Data Platform
- 367 Refinitiv Data Platform Libraries
- 3 Refinitiv Due Diligence
- LSEG Due Diligence Portal API
- 3 Refinitiv Due Dilligence Centre
- Rose's Space
- 1.1K Screening
- 18 Qual-ID API
- 13 Screening Deployed
- 23 Screening Online
- 10 World-Check Customer Risk Screener
- 990 World-Check One
- 44 World-Check One Zero Footprint
- 45 Side by Side Integration API
- Test Space
- 3 Thomson One Smart
- 1.2K TR Internal
- Global Hackathon 2015
- 2 Specialists Who Code
- 10 TR Knowledge Graph
- 150 Transactions
- 142 REDI API
- 1.7K TREP APIs
- 4 CAT
- 21 DACS Station
- 117 Open DACS
- 1.1K RFA
- 103 UPA
- 172 TREP Infrastructure
- 224 TRKD
- 886 TRTH
- 5 Velocity Analytics
- 5 Wealth Management Web Services
- 59 Workspace SDK
- 9 Element Framework
- 5 Grid
- 13 World-Check Data File
- Yield Book Analytics
- 46 中文论坛