問題タブ [dragula]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
169 参照

dragula - 「over」イベントを使用して、ドロップせずにオブジェクトを「ドロップ」します

私は非標準の使用例のように見えるものを持っています: アイテムがコンテナー上にドラッグされるとすぐに、ドロップ イベントを待たずにアイテムをコンテナーに入れたい子供向けゲームです。

over イベントにサブスクライブすることを考えています。

そして、エンドAPIを呼び出します

しかし、私はdragulaServiceオブジェクトでそれを見つけることができません...何か提案はありますか? ありがとう!

0 投票する
1 に答える
388 参照

angular - Angular 2 - ng2-ドラグラ

私はいくつかの列を持っています。すべての列には、チケットの配列が含まれています。どのチケットがどこに移動したかをどのように検出できますか?

0 投票する
1 に答える
932 参照

javascript - ng2-dragula は、並べ替えと異なるテンプレートを使用して片側にドラッグ アンド ドロップを実装します

ドラッグ アンド ドロップを一方の側からもう一方の側にのみドロップするように機能させることができましたが、並べ替えがキャンセルされています。片側 (ターゲット側) ではなく、反対側 (ソース側) で並べ替えを続けられるようにしたいと考えています。

また、ドロップされたときに HTMLElement を別のテンプレートに置き換えたいと考えています。さらに良いことに、ドロップされている間も同様です。

ドキュメントには明確なユースケースが欠けていることがわかりました。これを行う方法と、何を使用する必要があるかを知りたいです。

これまでの私のコードは次のとおりです。

target html

source html

要するに目標:

  1. 右から左にのみドラッグ アンド ドロップします。完了、acceptプロパティを使用して完了します。
  2. 左側 (ターゲット側、id="elements-dropzone") でのみ並べ替えを許可します。右側じゃない!
  3. ドラッグ中およびドロップ後に要素テンプレートを変更します。

これに関する指針をぜひご覧ください。どうもありがとうございました。