Rails 6 アプリケーションで StimulusJS を使用しています。data-action
属性にカスタム イベント リスナーを作成して、.xml を使用してドラッグ アンド ドロップ機能を構築する必要がありますdragula.js
。
コントローラー内では、ドキュメントに従ってイベントを簡単にキャプチャできます。
let containers = Array.from(document.querySelectorAll(".drag-container"))
let drag = dragula(containers)
drag.on("drop", (el, target) => {
console.log(el)
console.log(target)
})
しかし、要素のイベントを直接キャプチャしたいのですが、これは何とか可能ですか? 通常のドロップ イベントのリッスンが機能しません:/。
<div class="p-3 drag-container" data-action="drop->draggable#dropping" data-draggable-bed-value="<%= bed.id %>"></div>