問題タブ [angular-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 に答える
478 参照

drag-and-drop - angular-dragula - 常にリストの最後にドラッグします

助けが必要です。

私は angular-dragula.js を使用しており、オブジェクトを別のリストにドラッグすると最後に移動するように設定する必要がありました。私がどこかにドロップしても、彼はリストの最後に行きます。

どうすればこれを行うことができますか?すでにさまざまな場所で調査されていますが、成功していません。

これは一ですが、ドラッグしたときに作業に必要なアイテムをクリックするだけで機能します。

jsFiddle デモ はこちら

0 投票する
2 に答える
3000 参照

angular - ng2-dragula で angular-quickstart をセットアップする方法

ここの指示に従いました: https://github.com/valor-software/ng2-dragula/wiki#5-min-quickstartとここ: https://www.npmjs.com/package/ng2-ドラグラ

次のように、Angular-quickstart が機能しています。

"My First Angular App" (ブラウザーにポップアップ表示されるため、すべてが機能しています)

私は次の方法でドラグラをインストールします:

クイックスタート ファイルを valor-software ng2-dragula wiki (最初のリンク) の正確な内容に置き換えました。

誰かがアドバイス(重要なリストにないステップについて)または簡単な健全性チェックを提供できれば、それは大歓迎です。

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

drag-and-drop - 複数のオプションまたはドラッグラのバッグ間でドラッグ アンド ドロップ角度 1.*

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

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

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

javascript - あるバケットから別のバケットにアイテムを移動する方法 - DragulaJS-Angular

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

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

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

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

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

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

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

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

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

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

angularjs - Dragulaを使用してコンテナにドラッグアンドドロップした後、divの位置を取得します

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

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

使用したテンプレート:

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

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

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

dragula - 要素をドラッグするときに線を引きますか?

「ドラグラ」ライブラリを使用してドラッグ中にコンテナとドラッグ可能な要素の間に線を引くことは可能ですか? 要素がドロップされると、線が消えるはずです。