私は複数の列にドラッグ可能なオブジェクトを持っているので、ドロップされたときにそのオブジェクトの変数は、別のオブジェクトとしてどの列に応じて更新されるようにする必要がありますその変数を表示用に操作します。私はタグから作業する(ondrop)イベントを取得することができませんでした。そして、dragulaイベントリスナーの値は、私にオブジェクトを取得させる情報を渡しません。とにかく、イベントリスナーがhtmlタグの代わりにオブジェクトを渡すように強制する必要はありますか?またはいくつかの方法がありますか?Dragula - dragulaドロップイベントのクラスを渡します
1
A
答えて
1
私はドロップでデータを更新できると思います。私はこれをこのようにした:
var drake = dragula({...});
function updateMyObject(elementId, listId) {
// update the object here, for example:
if (listId === 'firstList') {
// use the element id to find the item in your object and update it
myDataObject.filter(function(x) {
return x.id === elementId;
})[0].propertyToUpdate = listId;
}
}
drake.on('drop', function(el, target, source, sibling) {
var elementId = el.id;
updateMyObject(el.id, target.id);
});
このペンは役に立ちます。 DragulaとAngular.jsをデータモデリング用に混在させています。このイベントは、ドロップ時にデータモデルを更新する必要があります。 http://codepen.io/chris22smith/pen/37459a002cbe6b6cd37aa5e927698fba
1
私が見つけた唯一の解決策(別のdrag'n'dropモジュールを使用するのは簡単です)は、ユーザーがページを閉じるか別のものに行くときに注文を保存することです。または、ドロップイベントがキャッチ可能であるが、クラスオブジェクトを与えることができないように見えるので、変更があったときにそれを検出してすべてを更新することができます。 1つの変数を更新するよりもシステムリソースに課税されます。
0
オーダー番号を要素の属性として渡して、drake.on関数でアクセスできるようにします。 oder#とIDを使用すると、それをどうするかを把握し、バックエンドで適切な更新を行うことができます。
関連する問題
- 1. Angular2:ng2-dragula-nested dragula
- 2. Dragulaのハイライトターゲットコンテナ
- 3. ドラッグアンドドロップangular2 Dragula
- 4. Dragulaドラッグは
- 5. 角度2 - ng2 - dragula
- 6. NG2-dragulaスタイルのオリジナル要素
- 7. WebDriver Dragulaを使用したアプリケーションのドラッグアンドドロップ
- 8. Dragula-model not upating source array
- 9. DragulaがAJAXリクエストを送信しない
- 10. Dragula:ドラッグされたアイテムのクラスとIDを取得
- 11. クリックイベントng2-dragula bagが機能しない
- 12. Dragulaはあなたが別のコンテナからの潜在的な一方通行のコピーを持ってdragulaで
- 13. RequireJSを使用しないAngular Dragulaの使用
- 14. anglejs-dragulaを使用した横スクロールの問題
- 15. angular2 Dragula CSSのグラブ/グラブが動作しない
- 16. NG2-DRAGULAでアイテムのリストを注文する
- 17. NG2-dragulaとダイナミックなフォルム同期なしで直接
- 18. 角度2&ng2-dragula - コンポーネントにディレクティブを追加する
- 19. ng2-dragulaはソートと異なるテンプレートを使ってドラッグアンドドロップを実装します
- 20. DOMのEmberとDragulaの見解の解決
- 21. dragulaModelは、私は私のプロジェクトのために<a href="https://github.com/valor-software/ng2-dragula" rel="nofollow">ng2-dragula</a>を使用してい
- 22. Angular2/Ionic2 + ng2-dragula誰かがそれを稼働させましたか?
- 23. ng2-dragulaを使用して2回目のページに移動する
- 24. 動作させる方法:Dragulaドラッグアンドドロップで流星
- 25. 複数のコンテナでDragulaを使用しますが、コンテナにのみアイテムを限定します。
- 26. aurelia-dragulaプラグインを動作させることができません
- 27. ng-dragulaドラッグされたアイテムを除去する、角度4のルータ
- 28. AngularjsとDragulaを使用して特定のJsonエントリに要素をドロップしますか?
- 29. Dragula - 異なる要素への1つのコンテナからドラッグ要素が
- 30. NG2-dragulaを使用して、私はリストのグリッドを持っており、お互いにグリッドのタイルをドラッグして、交換しようとしていますドラッグするNG2-dragulaを使用してスワップグリッドは
将来の紹介や視聴者のためのコードスニペットを投稿できますか? – Erudaki