2017-11-13 24 views
1

私は2つのテーブルを持っています。表Aには、表Bより多くのデータがあります。表Aに使用しているJSONデータ構造では、表Aにすべてのデータを表示していません。表Bに予約されています。表Aから表Bに行をドロップしますが、ドロップが完了すると、データはAからドラッグを開始したときとはまったく異なって見えます。表Aにobject.colorRedを表示していないが、データはそこにあります。その行を表Bに移動すると、今度はobject.colorRedが表示されます。テーブルからテーブルへの角のドラッグアンドドロップ

本当に必要なのは、表Aの行を2つに分割する必要があることです。データを2つの行に分けて表Bに示します。これについてどうやって行くのか分かりません。

- アンギュラ4つの

おかげ

+0

(あなたがドロップするテーブル/ divの上)

<tr *ngFor="let thing of things" dnd-draggable [dragEnabled]="true" [dragData]= "myDragData"> 

(ドラッグするテーブル上)これを参考にしてください - https://github.com/marceljuenemann/angular-drag-and-drop-lists –

答えて

1

私は角度のプロジェクトの一つと類似した何かを、そしてng2-dndライブラリを使用しています。他のドラッグアンドドロップライブラリとは異なり、ng2-dndはdomを操作せず、オブジェクトデータをドロップされたコンテナに送信します。

ここにはonline documentationへのリンクがあります。前提は非常に簡単です、あなたはこのような何かを:

<tbody dnd-droppable (onDropSuccess)="handleDrop($event)"> 
関連する問題