2016-12-07 12 views
0

自分のコンポーネントを角度2のソート可能な剣道UIにドラッグすることは可能ですか?基本的には、ページのある部分からアイテムをドラッグして、剣道で並べ替えることができますが、ドラッグした場所から削除する必要はありません。自分のコンポーネントをソート可能にドラッグ

答えて

2

もちろん可能です。それには2つの方法があります。

  • さらに複雑なものはSortableServiceを実装しています。これはSortableComponentとComponentで動作し、必要なものを正確に実行します。

  • 2番目の解決方法は簡単です。アイテムが1つしかない場合でも、ソート可能な場所にコンポーネントをラップします。元のコンポーネントを内部に持つSortableAがあるとします。 SortableB - アイテムをドロップするターゲットです。

    SortableAには[zone]="zone1"、SortableBには[acceptZones] = "zone1"を設定します。 この時点で、SortableAからSortableBまでの単一項目をドラッグできます。 最後に、SortableAのdataRemove eventのpreventDefaultを呼び出すことです。これはSortableAのアイテムを移動するのではなく、ドロップするときにそれらをコピーします。

+0

私はオプション1を実行する必要はないと考えていましたが、オプション2は機能していないようです。 dataRemoveは予防できないようです。 [http://plnkr.co/edit/o2AhaBCa8O5JyDCedaxT?p=preview](http://plnkr.co/edit/o2AhaBCa8O5JyDCedaxT?p=preview) – Ulfius

+1

回避策として、私がやったのはdataRemoveイベントです。新しいコピーをソース配列にプッシュします。 – Ulfius

関連する問題