carter
Pushing events back to Liveview
I am learning to do drag and drop in Liveview. Using HTML Drag & Drop API, I am able to drag & drop elements but is there a way to raise an event back to Liveview to trigger more actions from the event handler?
`
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));
}
</script>`
Most Liked
LostKobrakai
You can use hooks to link js with LV elements: JavaScript interoperability — Phoenix LiveView v1.2.5
outlog
also see GitHub - seb3s/kandesk: Simple Kanban application written in elixir using phoenix liveview · GitHub - which has drag and drop..
cmo
In your mounted all you are doing is defining some functions, which aren’t being used. So you’re essentially doing nothing in the hook.
Do you want to be attaching some event handlers instead, using this.el.addEventListener(...)?
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Supporting innovation across the BEAM ecosystem.
Categories:
Sub Categories:
Forums
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
Courses that'll move you from confusion to "Aha, now I get it!"