問題タブ [dragula]

私の質問はドラグラに関連しています https://github.com/bevacqua/dragula

あるコンテナから要素をドラッグして、別のコンテナにドロップ (移動ではなくコピー) しようとしています。このようにして、ドラッグする要素を含むコンテナが1つあり、それらを別のコンテナにドロップしたいのですが、正しく機能せず、まったく機能しないこともあります。私のコードの何が問題なのか教えてください。

HTML

JQuery

あなたの提案は高く評価されます。

ありがとうございました。

Dragula JavaScript を使用してコンテナ項目を動的に追加しています。ドラッグ アンド ドロップすると、対象の親 ID と項目 ID を取得したいと考えています。同じ画像を添付しました。これらの ID を取得したら、それらをデータベースに保存します。PHPとAJAXを使用しています。

Angular2 と ng2-dragula (dragula ベース) を使用してツリー コントロールを作成しています。私は現在、ネストされた繰り返しの例hereと非常によく似たものを使用しています。リストへの読み込みに問題はなく、ドラッグ アンド ドロップを期待どおりに動作させることもできます。私がする必要があるのは、ボタンをクリックし、http サービスに戻って新しいデータを取得し、ページ上のデータを更新することです。私は、javascript を使用して ID を検索し、そのように更新できることを知っていますが、それを処理する適切な方法とは思えません。

ここに私のコンポーネントコードがあります - これが行うのは、ビューデータを上書きし、変更されたドラッグなどを完全に元に戻すことだけです(これは設計によるものだと確信しています)。私は dragulaModel を使用するためにさまざまな方法を試しましたが、何が起こってもコンポーネント全体が再レンダリングされます。子テキストを更新できるようにする必要があります

私はAngularが初めてで、正しいパターンに従っていることを確認したい

編集 .subscribe を追加してから手動で更新loadItems()すると、思い通りに動作します。このようにオブジェクト全体を手動で更新する必要がありますか? ハックのようだthis.itemsthis.items[0].children[0].text = "1000"reloadItems()

**編集 2 ** loadItems() をサブスクライブし、reloadItems の 2 つのオブジェクトを比較して、そこで必要な変更を加えることで、なんとか動作させることができました。サブスクライブのため、自動更新されていると思います。誰でも間違っている/正しいことを確認できますか(ここでplnkrを操作し、角度依存関係を除外します)

オーレリア・ドラグラを使おうとしています。私が見つけることができるすべての例は、カスタム要素を使用しています

次に、このようなソース/ターゲットとして機能するdivを持っています

それはうまく機能しており、ドラッグ終了などに他の関数バインディングを追加できることがわかります。ただし、ドキュメントには、Dragula がリッスンできる一連のイベントが示されていますが、API を使用する必要があるようです。それらを利用するためのカスタム要素。ビューで上記のような div と共に Dragula オブジェクトを使用する方法を理解できないようです。例えば...

上記の div からのドラッグ イベントを取得しません。

私はaureliaにかなり慣れていないので、フレームワークに関連する何かが欠けているのではないでしょうか? カスタム要素の代わりに Dragula API アプローチを使用するにはどうすればよいですか?

ありがとう

Ionic 2 アプリにドラッグ アンド ドロップを追加しようとしています。しかし、それを機能させることはできません。

これは私がこれまでに行ったことです：

次に私のページで：

しかし、[dragula] タグを追加すると、次のエラーが表示されます: Can't bind 'dragula' because it is not a know native property.

これをionic 2で動作させた人はいますか?例はありますか?

私は 2 つのドラグラ バッグを持っています。要素を 1 つのバッグから別のバッグにドラッグしたいのですが、2 番目のバッグの要素は影響を受けたり移動したりしてはなりません。2 番目のバッグでどの要素がホバーされているかを知りたいだけです。バッグの名前ではありません。

これは可能ですか？私はNg2-Dragulaを使用しています。

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

このコードを使用して、ページの読み込み時にドラグラを初期化します。小さなコンテナーを別のコンテナーにドラッグ アンド ドロップしてビューを変更した後、その小さなコンテナーには、dragula で指定した機能がありません。Web ページを更新して初めて、小さなコンテナーの機能が正常になります。ビューを変更した後、Web ページを更新せずにドラグラを正常に動作させるにはどうすればよいですか?

dragula.js でドラッグ アンド ドロップを使用して c3.js チャートを更新しようとしていますが、新しいコンテナーにドラッグされた div の ID を取得する方法がわかりません。私のhtmlは次のようなものです：

そして、dragula.js を使用してドラッグ アンド ドロップしています。

私はjqueryに本当に慣れていませんが、この質問<div>に従って、ドロップインのIDにアクセスするために、次のcollapse2ようなことをしようとしていました:

しかし、結果はありません。どんな助けでも本当に感謝します