从表到表的角度拖放

时间:2017-11-13 14:20:16

标签: javascript arrays angular multidimensional-array

我有两张桌子。表A有比表B更多的数据。在我用于表A的JSON数据结构中 - 我没有显示表A中的所有数据,因为它是为表B保留的。基本上我想要的是什么do,是将一行从表A拖放到表B,但是当drop完成后,数据看起来与我从A开始拖动时的数据完全不同。让我说我没有在表A中显示object.colorRed但数据是存在的。然后我将该行移动到表B,现在我可以查看object.colorRed。

真正需要发生的是表A中的一行需要分成两行。划分数据并将其放在表B中的两行中。我不知道如何解决这个问题。

- Angular 4

由于

1 个答案:

答案 0 :(得分:3)

我使用我的一个Angular项目执行类似操作,并使用ng2-dnd库。与其他drag-n-drop库不同,ng2-dnd不会操作dom,而是将对象数据发送到已删除的容器。

以下是online documentation的链接。前提很简单,你可以这样做:

(在你想要拖动的桌子上)

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

(在你希望放弃的桌子/ div上)

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