從表到表的角度拖放

Question

我有兩張桌子。 表A有比表B更多的數據。在我用於表A的JSON數據結構中 - 我沒有顯示表A中的所有數據，因為它是為表B保留的。基本上我想要做的就是拖動並從表A到表B中刪除一行，但是當完成刪除時，數據看起來與我從A開始拖動時的數據完全不同。讓我說我沒有在表A中顯示object.colorRed，但數據就在那里。 然后我將該行移動到表B，現在我可以查看object.colorRed。

真正需要發生的是表A中的一行需要分成兩行。 划分數據並將其放在表B中的兩行中。我不知道如何解決這個問題。

- Angular 4

謝謝

Answer 1

我使用我的一個Angular項目執行類似的操作，並使用ng2-dnd庫。 與其他drag-n-drop庫不同，ng2-dnd不會操作dom，而是將對象數據發送到已刪除的容器。

這是他們在線文檔的鏈接。 前提很簡單，你可以這樣做：

（在你想要拖動的桌子上）

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

（在表格/ div上你要放棄）

<tbody dnd-droppable (onDropSuccess)="handleDrop($event)">