1

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>
4

0 に答える 0