問題タブ [dragula]

ドラッグされている要素にアクセスすることは可能ですか (ドラグラ バッグではありません)?

私はNg2-Dragulaを使用しています。

現在、組み込み関数を使用していますが、バッグ以外にホバーされている要素のパラメーターはありません。

したがって、複数の列にドラッグ可能なオブジェクトがあり、それをドロップすると、別のオブジェクトがその変数を操作して表示するため、そのオブジェクトの変数がその列に応じて更新されるようにする必要があります。タグから (ondrop) イベントを機能させることができませんでした。また、dragula イベント リスナーの値から、オブジェクトを取得するための情報が渡されませんでした。イベントリスナーにhtmlタグの代わりにオブジェクトを渡すように強制する方法はありますか? または、欠落している方法がありますか？

ドラッグアンドドロップの反応と問題の発見で Dragula をテストしようとしています。エラーが発生しています：

キャッチされていない TypeError: react_dragula_1.default は関数ではありません

誰もがこの問題に直面したか、問題を解決する手がかりになりました。

要素をドラッグ アンド ドロップするために、react-dragula ( react-dragula ) を使用しています。ドロップ後にアイテムの位置を保存するにはどうすればよいですか。

同じバッグに 2 つの異なるバッグまたは容器が必要です。左のコンテナはネスト可能なリストである必要があり、右のコンテナはオブジェクトを左のコンテナに複製できるソート可能なリストである必要があります。

そのため、バッグ間をドラッグするか、同じバッグ内のコンテナーに異なるオプション セットをセットアップする機能が必要です。これはドラグラで可能ですか？

ちょっと私はDragulaJS-Angular Version を使用して、2 つのバケット間のドラッグ アンド ドロップの効果を得ています。このライブラリにはいくつかの問題があります。まず、同じバケットにのみ属するアイテムを移動できます。異なるバケットを定義すると、それらの間でアイテムを移動できません。

私のコードと私の目標を再評価する説明：

container-one 、 container-two 、および container- third の 3 つの div があります。

私の主な目標は次のとおりです。

1.コンテナ1とコンテナ2からコンテナ3にアイテムのみを渡します。

2.コンテナ1とコンテナ2の間でアイテムを移動することはできません。

3.また、container-one || から転送されるすべてのアイテムにクラスを追加したいと思います。コンテナ 2 からコンテナ 3 まで。

4. また、バッグを掃除してシステムをリセットする機能が欲しいです。

5.袋から袋へ要素を渡すアニメーションを作りたいのですが、今のアニメーションでは足りません。コンテナの 1 つだけでなく、2 つのコンテナ間にもドラッグ要素を表示する必要があります。私のコード:

Angular CLI を使用して Angular 2 プロジェクトに Dragula を組み込むにはどうすればよいですか?

私はそれをインストールしました：

そしてそれを私のものに追加しましたapp.module：

ただし、次のエラーが表示されます。

「モジュール 'ng2-dragula' が見つかりません

私が見つけた方法は、に追加することを提案していangular-cli-build.jsますが、その名前のファイルが見つかりません。

Dragula のようなサードパーティ製モジュールを Angular CLI と連携させるための段階的なプロセスは何ですか?

興味のある人のための私の angular2 dragula セットアップは、ここにあります: How to setup angular-quickstart with ng2-dragula

app.component.ts

上記は、テーブルの次の html をレンダリングします。これは、例として私が望むものです。

ただし、最初の行を 2 行目の後にドラッグすると、最初の tbody のテーブル行が 2 番目の tbody に移動することがわかります。

では、tr だけでなく tbody をブロックとして移動するにはどうすればよいでしょうか。

私はangularJSの初心者です。コンテナー内のそれぞれの div のドラッグ アンド ドロップが完了した後、位置の変更を取得しようとしています。彼らのウェブサイトで提供されているいくつかのコード スニペットを試しましたが、解決策を見つけることができませんでした。

以下は、使用したコードスニペットです。

使用したテンプレート:

そして私のコントローラーで：

私が正しい道を進んでいるか、どこかで間違っているかどうか、誰かが私を案内してくれませんか。