自分のコンポーネントを角度2のソート可能な剣道UIにドラッグすることは可能ですか?基本的には、ページのある部分からアイテムをドラッグして、剣道で並べ替えることができますが、ドラッグした場所から削除する必要はありません。自分のコンポーネントをソート可能にドラッグ
0
A
答えて
2
もちろん可能です。それには2つの方法があります。
さらに複雑なものはSortableServiceを実装しています。これはSortableComponentとComponentで動作し、必要なものを正確に実行します。
2番目の解決方法は簡単です。アイテムが1つしかない場合でも、ソート可能な場所にコンポーネントをラップします。元のコンポーネントを内部に持つSortableAがあるとします。 SortableB - アイテムをドロップするターゲットです。
SortableAには
[zone]="zone1"
、SortableBには[acceptZones] = "zone1"
を設定します。 この時点で、SortableAからSortableBまでの単一項目をドラッグできます。 最後に、SortableAのdataRemove eventのpreventDefaultを呼び出すことです。これはSortableAのアイテムを移動するのではなく、ドロップするときにそれらをコピーします。
関連する問題
- 1. jQuery UIをソート可能にドラッグ可能
- 2. Jqueryドラッグ可能でソート可能
- 3. ソート可能なリストからフルカレンダーにドラッグ
- 4. 、ドラッグ可能なドロップ可能とソート可能
- 5. 実行時にドラッグ可能なコンポーネント
- 6. jqueryはソート可能、ゴミ箱オブジェクトにドラッグ可能
- 7. jquery-uiでソート可能なようにドラッグ&ドロップ可能
- 8. リスト内でソート可能、外にドラッグ可能
- 9. jQuery UIドラッグ可能/ソート可能ドラッグする要素を見つけよう
- 10. Jquery Help:ソート可能にドラッグ可能にしてから再びドラッグ可能に戻す
- 11. Drupal 7のようなソート可能/ドラッグ可能な項目
- 12. jQueryソート可能 - ドラッグでのみソート可能、クリックしないでください
- 13. Jquery ui - ソート可能:ソート可能な要素内のアイコン 'ハンドル'でドラッグ
- 14. ドラッグ可能なコンポーネントですか?
- 15. jQueryはネストされたリストでドラッグ可能/ソート可能
- 16. jQueryの1.7 UI 1.8、ドラッグ可能なドロップ可能とソート可能な共存
- 17. ドラッグ可能な項目は、私がソート可能なリストとドラッグ可能なdiv要素を持っているソート可能なリスト
- 18. ドラッグ可能な部分をクローン
- 19. アコーディオン要素をソート可能かつドラッグ可能にする方法
- 20. jQuery UIのドラッグ可能な要素がソート可能にドロップされました
- 21. jQuery UI:オブジェクトのドロップ中にソート可能でドラッグ可能な動作
- 22. jQueryのUI、ドラッグ可能、ドロップ可能、自動スクロール
- 23. jQueryドラッグ可能なオーバーフロー:自動発行
- 24. jQueryUIソート可能な要素をスクロールせずにドラッグ
- 25. プロジェクトでjQueryUIをドラッグ&ソート可能にする方法は?
- 26. jQuery UIソート可能な境界線の下にドラッグ
- 27. ドラッグ可能なドラッグ可能なJQuery UIのドラッグ可能な複数のドラッグとドロップの後に破損した
- 28. ソート可能なソートの後に呼び出されるJQueryのドラッグ可能なコールバック
- 29. jqueryui - ソート可能にドラッグすると、ドラッグ可能なid属性が失われる
- 30. jQuery UIドラッグ可能/ソート可能 - 動的に追加されたアイテムがドラッグできない
私はオプション1を実行する必要はないと考えていましたが、オプション2は機能していないようです。 dataRemoveは予防できないようです。 [http://plnkr.co/edit/o2AhaBCa8O5JyDCedaxT?p=preview](http://plnkr.co/edit/o2AhaBCa8O5JyDCedaxT?p=preview) – Ulfius
回避策として、私がやったのはdataRemoveイベントです。新しいコピーをソース配列にプッシュします。 – Ulfius